禁止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>
然后你页面上所有的表单都不会被填充啦,超赞的