禁止浏览器自动填充

如何禁止浏览器自动填充

• autocomplete 属性规定输入字段是否应该启用自动完成功能

方法一：设置autocomplete=“new-password”

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

方法二：添加<input type="password" hidden>

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

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

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