问题:如题,在谷歌浏览器中,有时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"的密码框,并且设置为隐藏