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

Posted 2023-03-19

1.把input type=”password” 改成 input type=”text” 并在后面加上 onfocus=”this.type=’password'”，
2.在文档加载完成后将密码输入框设置为空：
window.load = function()
document.getElementById('密码域ID').value='';
;
3.在用户名和密码之间加上一个隐藏的文本框：
<input type="text" name="name">
<input type="hidden">
<input type="password" name="pass">
4.使用html5的属性：
<pre name="code" class="html"><input type="text" name="name" autocomplete="off">
<input type="password" name="pass" autocomplete="off"> 参考技术A 1.把inputtype=”password”改成inputtype=”text”并在后面加上onfocus=”this.type=’password'”，2.在文档加载完成后将密码输入框设置为空：window.load=function()document.getElementById('密码域ID').value='';;3.在用户名和密码本回答被提问者采纳

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

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

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