禁止浏览器自动填充密码

Posted 2021-01-27 webooa

一

 

<input type="password" name="txtPassword" >

<input type="password" name="txtPassword" placeholder="请输入密码" autocomplete="off" />

添加一个隐藏的input，然后设置填充密码的input的name属性和隐藏的一样。同理，type=“text”也一样！

问题：ajax传参的时候，如果传的是key是name，那就会传重复的key

 

二

 

<input type="password" >

<input data-placeholder="请输入密码" name="password" data-required="true" type="password" autocomplete="new-password" data-max-length="50" tabindex="2" spellcheck="false" id="auto-id-1505904797992" placeholder="请输入密码">

先输入一个隐藏文本域，再输入第二个展示的文本框，重点是我加黑的字体，编译器可能会无法识别，但是浏览器可以解析。

参考网易邮箱设置：

 

注释：之所以new-password能够解决off失效的原因是autocomplete属性的有效值只有on和off，默认值是on，

如果autocomplete的属性是除on和off外的值，那么就是个无效值，那么浏览器就会放弃对该属性的执行。

换句话说，除on和off外的任一值，可以随便编都行!