首页 专题 H5案例 前端导航 UI框架

autocomplete属性失效的解决方法

作者:TG 日期: 2016-06-06 阅读: 697

当我们做一个登陆页面时,如果用户选择了浏览器弹出的记住密码,那么,每次进登陆页面的时候,表单都会自动注入内容,但是,我们有些时候并不需要这样,那我们如何去禁止表单中注入内容呢?


很多人都会使用autocomplete属性,可是在chrome浏览器下,这个属性完全失效,真是让人头疼。

下面介绍两种方法:

1. 加一个隐藏input

<input name="a" autocomplete="off"> <input type="password" style="display:none"> <input type="password" name="b">

2. 通过js改变type类型

这是进入页面时的密码表单

<input type="text" id="pwd">

当然,由于text是明文,这显然不符合我们输入密码的初衷,那我们就要加上focus事件来改变type类型。

<script> document.getElementById("pwd").onfocus=function(){ this.setAttribute("type","password"); } /* jquery */ $("#pwd").on("focus",function(){ $(this).attr("type","password"); }); </script>

完美解决了!



关注”全栈技术杂货铺“

全栈技术杂货铺