解决谷歌input自动填充问题

Posted dropinint

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决谷歌input自动填充问题相关的知识,希望对你有一定的参考价值。

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

初始在网上查询

如果是type=text 

input标签添加autocomplete="off"

如果是type=password

input标签添加autocomplete="new-password"

碰到的问题

目前我有一个input标签是单独使用的,该标签下是没有密码输入的

这种情况下给标签添加autocomplete="off"是没效果的

解决方法

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

给input下添加一个type="password"的密码框,并且设置为隐藏

猜测:有可能autocomplete="off"不能单独使用,要和autocomplete="new-password"结合起来才有效

以上是关于解决谷歌input自动填充问题的主要内容,如果未能解决你的问题,请参考以下文章

谷歌浏览器的input自动填充出现黄色背景解决方案(在已经输入内容之后)

Vue项目—解决谷歌浏览器禁止自动填充密码的问题

解决Google浏览器保存密码自动填充

input标签自动填充问题

谷歌浏览器自动填充删除背景图片

chrome表单自动填充导致input文本框背景变成偏黄色问题解决