首页 > 代码库 > 【整理】14. 禁止自动填充浏览器记住的密码？

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

2024-09-18 16:55:56   214人阅读

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

原因：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
 
 
 

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


联系
我们