解决Chrome浏览器中autocomplete="off"失效导致自动填充的问题

作者:像素漫游

时间:2026-10-22

浏览:248

在Chrome浏览器中,即使设置autocomplete="off",密码输入框仍可能被自动填充。这是因为浏览器根据type="password"判断自动填充行为。解决方法是先将密码框type设为text,点击时通过JS动态修改为password,从而阻止自动填充。

文章目录

Chrome中autocomplete="off"失效问题

js 开发中 autocomplete="off" 在 Chrome 浏览器内失效的解决方案

问题现象:表单输入框点击时出现自动填充提示,添加 autocomplete="off" 属性在 Chrome 中无效。

失效原因:当 input 的 type 属性为 password 时,浏览器会自动填充用户名和密码框。

解决方法:将密码输入框初始 type 设为 text,点击时通过 JS 将 type 属性改为 password,从而解决问题。

HTML 页面代码如下:

HTML与JS实现方案


<input class="input1" id="userpassword" <span style="color:#ff0000;">type="text"</span> placeholder="新密码"
 autocomplete="off"/> 

JS 代码:


$("#userpassword").click(function(){ 
    <span style="color:#ff0000;">$(this).attr("type","password");</span> 
  }); 

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章