整理14. 禁止自动填充浏览器记住的密码？

Posted 2020-09-15

怎么禁止自动填充浏览器记住的密码？

原因：chrome 自动回填/选择历史提示 会导致黄色背景；一个不常用的个性定制的登陆界面，懒的修改样式，所以牺牲功能。

解决办法：

1. 方式一：
   
   <input type="password" name="pwd" style="display:none">   
   <input type="password" name="pwd" placeholder="请输入密码" autocomplete="off"  />
   谷歌浏览器比较吊，只加上一个隐藏密码框还是不行的，把两个密码框名字改成一样的就好了，这家伙就找不到了，(*^__^*) 
1. 补充：这样我们就不能直接用 $("#fromID" ).serialize()，而是：$( "#usrName, #pwd" ).serialize(); 只序列选择的控件.
   
2. 方式二：
   
   浏览器保存密码是根据 input="password" 来判断的，所有只要保证浏览器在dom结构中识别不到密码框即可。
   设置密码输入框：type="text"。并添加 onfocus="this.type=‘password‘" 
   在提交前清空输入框密码，并修改密码框为 type="text"。
   
   
   转自：https://www.zhihu.com/question/23529765
3. sss