js开发中autocomplete="off"在chrom中失效怎么办

这篇文章主要为大家展示了“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 >type="text"</span> placeholder="新密码"
 autocomplete="off"/>

JS代码：

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

以上是“js开发中autocomplete="off"在chrom中失效怎么办”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注编程网VUE频道！