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页面代码如下:

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

JS代码:

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

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


文章名称:js开发中autocomplete="off"在chrom中失效怎么办
浏览地址:http://bzwzjz.com/article/pecceh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设 成都网站制作公司 成都网站设计 定制级高端网站建设 定制网站设计 成都做网站建设公司 成都网站制作 成都商城网站建设 温江网站设计 成都网站建设流程 网站建设公司 成都网站制作 外贸网站建设 广安网站设计 成都网站设计 响应式网站建设 攀枝花网站设计 成都企业网站建设公司 高端网站建设 梓潼网站设计 手机网站建设 网站设计制作报价