禁止浏览器自动填充

如何禁止浏览器自动填充

• 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都生效了