无法阻止谷歌浏览器自动填充字段

Posted 2023-05-08

【中文标题】无法阻止谷歌浏览器自动填充字段

【英文标题】：Can't Prevent Google Chrome From Auto filling Field

【发布时间】：2018-07-18 08:53:36

【问题描述】：

这个问题之前有人问过，我又问了一次，因为没有一个答案有效。

我的结帐页面上有一个表单，其中 <form> 标记中有 autocomplete="off"。

我的表单包含地址信息。具体来说，我有一个名为 address_line_two 的字段不应自动填充。所以，在这个输入上，我在这个输入字段上设置了autocomplete="false"。这适用于我的 PC，但我的站点上安装了视频监控，并且我的几个 chrome 用户能够自动填充 address_line_two 字段。结果，我还在我的数据库中看到了重复的自动填充数据。我指的是 Google 自动填充功能，它会自动使用以前保存的地址填充表单。是否有针对此问题的更新解决方法？

【问题讨论】：

不自​​动填充这个特定字段有什么重要的？

Chrome 会正确自动填充 address_line_one，但随后会使用与 address_line_one 相同的信息自动填充 address_line_two。当您在 chrome 中保存地址时，无论如何都没有 address_line_two 选项。如果有一种技术上正确的方法，我会全力以赴，但还没有看到。 @KevinB

【参考方案1】：

浏览器将记住提供给自动完成属性的值以供将来使用。因此，对于填写了由开发人员使用不同命名约定制作的不同表单的个人用户，这些字段将相应地填充。

大多数用户喜欢自动填充并希望它运行。您可以为您的输入提供一个随机的自动完成值，以防止自动完成运行，但它可能会减慢用户的速度。

 <input autocomplete="address-line2"> 

上面的属性遵循 chrome 对表单的推荐设置，因此最有可能获取正确的字符串以填充到输入中。随着时间的推移，这可能会让您获得最正确的自动填写表格。

如果您接受此建议，请确保对地址行 1 执行相同的命名约定：

<input autocomplete="address-line1">

请注意，我省略了输入字段所需的所有其他属性和值，以简化答案。

这是我从中提取的一些文档。 https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill

此引用来自文档链接：

“对于一个地址输入：street-address 对于两个地址输入：address-line1 , address-line2 address-level1（州或省）address-level2（城市）postal-code（邮政编码）国家”