autocomplete="off"在chrom中失效



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

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



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


HTML页面代码如下:

  <input class="input1" id="userpassword"  type="text" placeholder="新密码"  autocomplete="off"/>

JS代码:

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


相关文章

Css常用的排序方式权重分配 排序方式: 1、按类型&#160;...
原文:https://www.cnblogs.com/wenruo/p/9732704.html 先上...
css属性:word-wrap:break-word; 与 word-break:break-all 的...
https://destiny001.gitee.io/color/
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML...
css之background的cover和contain的缩放背景图 对于这两个属...