js 开发之autocomplete="off"在chrom中失效的解决办法

js 开发之autocomplete="off"在chrom中失效的解决办法

问题：在表单的输入框中，有时候我们并不希望点击输入框时，会出现提示信息。这时，在输入框中添加属性:autocomplete="off”，一般能达到目的。而在chrom里面就失效。

失效的原因是：浏览器会根据输入框的input的type属性为password的时候，自动将用户名和密码框填充。

解决方法：因为浏览器是否自动填充内容，根据type=password来判断的。此时先将作为密码的输入框的type设成text,当点击密码输入框的时候，将其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> 
  });

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