Chrome 将字段识别为自动填充的“地址”错误答案

【问题标题】：Chrome identifying field as "address" for autofill incorrectlyChrome 将字段识别为自动填充的“地址”错误
【发布时间】：2019-10-16 14:00:36
【问题描述】：

我有一个带有多个文本输入的网络表单，最近一个专门开始将其自动填充以某种方式链接到“城市”，而 Chrome 仅提供浏览器中存储地址的选项。

名称和类型甚至与我在网上看到的浏览器正则表达式规范中应匹配的内容都不接近，甚至使用我在其他论坛上找到的“x-autocompletetype”似乎也没有影响。

<label for="spec-Storage Capacity"> 6. Storage Capacity </label>

<input type="text" class="form-control" id="spec-Storage Capacity" name="spec-Storage Capacity" x-autocompletetype="Storage Capacity">

直到最近，它还在存储我们在这里填写的内容（例如“16 GB”），但现在我们只是从浏览器中获取城市列表。

另请注意：我知道不是名称有空格，因为其他表单元素看起来就像这样并且可以正常工作。

【问题讨论】：

'Capacity' 以 'city' 结尾，所以它可能是一个非常懒惰的正则表达式。
面部护理。我知道这将是非常明显的事情哈哈。谢谢！
@AdeolaBannis - 说这是一个答案而不是评论，所以我可以给你信用:)

标签： python html google-chrome autocomplete autofill

【解决方案1】：

“容量”末尾的“城市”似乎触发了自动填充。我猜这个正则表达式很激进，所以它可以匹配shipping-city 这样的情况。

【讨论】：

【解决方案2】：

对于在字段未正确自动填充时寻找通用答案的任何人，请使用 autofill 属性指定要自动填充的正确值。此处看到的可接受值：https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete

示例：

<input type="text" name="firstName" autocomplete="given-name"/>
<input type="text" name="lastName" autocomplete="family-name"/>

在这种特殊情况下，可能没有明确的解决方案，因为名称“Capacity”可能会将字段与城市字段混淆（因为“city”是“capacity”的子字符串）。如果您的表单具有城市字段，请确保将 autocomplete="address-level2" 添加到您所在城市的输入标签中，尽管如果您的用户居住在具有多个行政级别的地方，这可能会产生意想不到的后果。

如果您没有城市字段，请尝试像这样制作一个隐藏字段：

<input type="hidden" autocomplete="address-level2"/>

不确定这是否可行。另一种选择是：

<input type="text" autocomplete="address-level2" style="height: 0; opacity: 0; visibility: hidden;"/>

【讨论】：