Chrome如何检测输入字段为凭据自动填充项？普通输入框误触发原因

Chrome触发凭据补全，不是只看输入框的type属性，而是通过以下几个维度的规则来判定：

• 字段命名匹配：如果输入框的name、id、甚至class里包含username、user、login、email、name这类关键词，Chrome会默认把它识别为用户名/凭据相关字段，触发补全。你示例里的feFilterNameId包含Name，可能就是被误判的原因。
• 页面上下文关联：如果当前页面存在type="password"的输入框，Chrome会自动把页面内的文本输入框关联成用户名字段，哪怕这个文本框是用来输入姓名的。
• 无表单标签的组合判定：哪怕没有用<form>标签包裹，只要页面里同时存在文本输入框和密码输入框，Chrome会默认判定这是登录/注册场景，触发凭据补全。
• 历史行为记忆：如果用户之前在这个页面的某个输入框里输入过类似用户名的内容，Chrome会记住这个行为，后续可能关联到其他类似字段。

解决方法 #

针对你的姓名输入框，最直接的解决方式是明确指定autocomplete属性，告诉Chrome这个字段的用途：

<label><input type="text" class="feFilterNameId filterInput" value="" autocomplete="name"></label>

如果还是不行，可以尝试：

• 调整字段的命名，避免包含容易被误判的关键词；
• 如果页面里有密码字段，把姓名输入框用独立的<form>标签包裹，或者用autocomplete="section-personal"这类分区属性，和凭据字段隔离开。

内容的提问来源于stack exchange，提问作者Thallius