Chrome自动将用户名填充为随机文本输入

Question

这是在使用Chrome版本72.0.3626.109（正式版本）（64位）的asp.net网络表单应用程序上发生的。

该站点受密码保护。用户使用用户名和密码登录。成功登录后，用户将被重定向到“贷款搜索”页面。贷款搜索页面包含少量文本输入。

问题是Chrome会将我的用户名自动填充到其中一个文本输入中（见图片）。 “ tregan”是我在登录页面中输入的用户名。

Chrome始终选择此特定的文本输入来自动填充用户名（“联系邮件地址”）。这是我本人以及我们网站的其他数十名用户所发生的事情。

有人知道为什么Chrome会执行此自动填充吗？有什么我可以阻止的方法吗？我清除了Chrome自动填充缓存，但这并不能解决问题。

Answer 1

答案是将不可见的文本输入添加到名为“用户名”的asp.net表单中。

几年前，我们在输入不同的内容时遇到了同样的问题。答案是添加一个不可见的类型为“ password”的输入，如该SO答案中所述，向下滚动到短语“这是如此简单和棘手...”：

Disabling Chrome Autofill

下面是完整的修复程序，我在我们网站的主页中的form元素内添加了这两个元素：

<input type="text" id="username" style="width:0;height:0;visibility:hidden;position:absolute;left:0;top:0" />
<input type="password" style="width:0;height:0;visibility:hidden;position:absolute;left:0;top:0" />

Answer 2

更多尝试解决此问题的方法：

• 将autocomplete="off"添加到<form>和/或<input>
• 更改字段的name / id 到其中没有“名称”或“用户”的内容
• 如果元素尚未在<form>中，请用空的<form>标签包裹元素
• 随机化输入的名称属性，或使用data-name代替name。您必须更改相应地处理数据的代码。

此外，我认为通过⋮→Help→Report an issue（或Alt + Shift + I）向Google报告此问题会有所帮助，以鼓励他们解决这些问题。

Answer 3

我遇到了同样的问题，我通过将 div 包装在表单标签中并在表单标签中添加了一个属性 autocomplete="off" 找到了解决方法。

...... .....