月份:2020年1月

禁止chrome谷歌浏览器表单自动填充,新版chrome的autocomplete设置无效的处理方法

网上最常见的方式,是设置autocomplete='off',但这种方式已经无效啦。

还有种方式是:

<input type="text"  style="display: none;" autocomplete = "off"/>
<input type="password"  style="display: none;" autocomplete = "off"/>

每个表单都要配置,特别麻烦。而且最近也失效了。

经过很长时间测试,我发现可以在vue、react、angular的情况下,可以用一个一劳永逸的方式,就是再入口文件,如vue的App.vue文件下,写这么一段:

    <!-- 防止chrome自动填充 -->
    <div style="position:absolute;top:-999999px">
      <input type="text" />
      <input type="password" />
    </div>

然后你页面上所有的表单都不会被填充啦,超赞的