谷歌浏览器input输入框自动填充数据

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

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

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

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

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

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

解决方法:

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

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

posted @ 2020-10-08 14:26  lcosima  阅读(94)  评论(0编辑  收藏