chrome自动填充表单问题

Question

最近在开发项目的时候，发现当我选择浏览器记住密码的时候，chrome会将用户名显示在页面中的其中一个搜索框中，如下图，我搜索了很久也没有找到合适的解决方案，请问大家出现这个问题的原因是什么，应该如何解决呢？非常感谢大家的帮助！之前在浏览其他网站的时候也有这个问题的出现，chrome会把某个网站的登录信息填充到不相关的页面输入框中。

Answer 1

我之前看过一个页面，他的解决方案是这样的：

在页面的顶部写两个隐藏的标签，用来承接Chrome的自动填充：

<input type="text" name="username" style="display:none;">

<input type="password" name="password" style="display:none;">

后面再正常来写form表单。

你可以试试这种方案

Answer 2

自动填充应该是根据 name 属性来的，你最好检查一下登录 <input> 和搜索 <input> 的 name。

Answer 3

一般情况下 autocomplete="off" 可以解决