900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 解决谷歌浏览器(chrome)input标签自动填充数据的问题 亲测有效

解决谷歌浏览器(chrome)input标签自动填充数据的问题 亲测有效

时间:2019-09-21 14:30:15

相关推荐

解决谷歌浏览器(chrome)input标签自动填充数据的问题 亲测有效

问题:如题,在谷歌浏览器中,有时input标签会自动填充数据,如用户名密码等。。。

解决:给input标签加上autocomplete属性,

如果是type=“text”就加上autocomplete="off"属性,

如果type="password",就加上autocomplete="new-password"属性,(之所以不用off值,是因为没用。虽然官方没有说过有new-password这个值,但是却是正确的,而且网易的也是用的这个)

最重要的一点:假如我有一个input标签是单独使用的,该标签下面没有密码输入框,如下图搜索框

这种情况下,如果给该input标签加上autocomplete="off"是没有效果的,原理不太清楚

解决方法:

//搜索框<input type="text" autocomplete="off" >//下面是额外加的标签<input type="password" autocomplete="new-password" style="display: none"/>

给搜索框的input标签下额外加一个input且type="password"的密码框,并且设置为隐藏。

思考总结:通过实践,autocomplete="off"很有可能不能单独使用,要和autocomplete="new-password"结合起来使用才有效果。

如果有其他更好的办法,也请指教!!

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