禁止浏览器自动填充

禁止浏览器自动填充
如何禁止浏览器自动填充
autocomplete 属性规定输入字段是否应该启用自动完成功能
方法一：设置autocomplete=“new-password”

没错，autocomplete是可以控制浏览器自动完成功能，但文档里说autocomplete=“off”可以禁止浏览器自动填充，经过实际操作一试，然而并不能，autocomplete=“off”已经失效了，经过探索发现autocomplete=“new-password”(注意：在像vue，react等项目中应该用驼峰命名法autoComplete)加到对应的input[type=password]中就可以了,此方法在Chrome浏览器中有效，像Firefox又不起作用了

 

方法二：添加

Firefox浏览器可以在表单里添加，在添加后面的input都不会被自动填充，想要整个表单都不被填充，将它添加到表单最前面即可，但是此方法在Firefox浏览器中有效，Chrome又不起作用了

 

终极方法：可以解决浏览器的兼容性的方法

将两种方法组合到一起，添加并设置autocomplete=“new-password”，查看一下，Chrome跟Firefox都生效了

 

<input type="password" autocomplete="new-password" />