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

Chrome中autocomplete="off"失效问题

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

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

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

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

HTML 页面代码如下：

<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> 
  }); 

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