谷歌浏览器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"的密码框,并且设置为隐藏


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM