好资源导航 » 文章资讯 » js 开发之autocomplete="off"在chrom中失效的解决办法

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

2023-09-23 22:54:06 55

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

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

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

解决方法：因为浏览器是否自动填充内容，根据type=password来判断的。此时先将作为密码的输入框的type设成text,当点击密码输入框的时候，将其type属性设为password,这样问题就解决了。

HTML页面代码如下：

type="text"placeholder="新密码"
autocomplete="off"/>

JS代码：

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

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