900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > input标签在谷歌浏览器记住密码下的一个自动填充BUG

input标签在谷歌浏览器记住密码下的一个自动填充BUG

时间:2019-11-23 20:44:39

相关推荐

input标签在谷歌浏览器记住密码下的一个自动填充BUG

Chrome自带记住密码功能,带来了极大方便

但是在点击保存之后,input标签会自动填充所保存的密码,如下图:

而且填充得很乱,密码不一定就会填充在密码框里。解决这一个BUG,可以用下面这个方案:

例如我们有个input标签:

1 <input type="text" class="test" id="test">

首先在这个input标签上面加一个display为none的input标签

1 <input type="text"style="display: none"> 2 <input type="text" class="test" id="test">

然后为input加一个autocomplete="off"的属性,此属性是 HTML5 的新属性,自动完成允许浏览器预测对字段的输入,但是只只用于text, search, url, telephone, email, password, datepickers, range以及color类型的<input>和<form>,所以如果我们需要一个密码框,需要给input设置一个οnfοcus="this.type='password'"

1 <input type="text" class="test" id="test" style="display: none";> 2 <input type="text" class="test" id="test" placeholder="请输入密码" autocomplete="off" οnfοcus="this.type='password'">

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。