浏览器自动填充autocomplete=“off“ 无效如何解决

2,493 阅读1分钟

今天遇到了一个表单自动填充的问题。打开表单弹窗,发现表单把登录页的表单信息带过来自动填充了,如下图:

1693968618315.jpg

我们都知道浏览器有自带的账号密码填充属性,是因为我在登录页的时候确认了浏览器自动填充功能,因此当遇到同名表单时会自动填充,我们只需要在浏览器设置-自动填充密码删除该地址的信息就行,但这个方案用户体验非常差!

image.png

所以input还有一个属性:autocomplete,autocomplete是可以控制浏览器自动完成功能,但文档里说autocomplete=“off”可以禁止浏览器自动填充,经过实际操作一试,然而并不能,autocomplete=“off”已经失效了,经过探索发现autocomplete=“new-password”,如果还不生效,只需要在对应的input再添加type=password即可。

image.png

1693969583630.png