在 Chrome 63 中禁用自动填充

Question

我刚刚将我的浏览器更新到 Chrome 版本 63.0.3239.84（官方版本）（64 位）。

然后我继续访问我的网站，在那里我有一个带有 autocomplete='off' 的输入框，但我仍然得到以下信息：

（你可以在它下面看到我内置的建议下拉菜单）

以前从来没有这种情况。其他都没有改变！

为什么会这样？这是新版chrome的bug吗？我已经尝试了所有其他建议，例如 autocomplete="false" 或也将 autocomplete=off 应用于表单。我什至尝试在页面加载后用 jquery 应用这些，但也没有成功。

我已经在不同操作系统上使用最新版本的 chrome 在多台机器上对此进行了测试。问题仍然存在。

原文由 Cellydy 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

2021 年 4 月更新：

Chrome 和 Firefox 支持 autocomplete="off"

Safari 继续忽略 autocomplete="off" 据我所知，除了混淆字段名称外，Safari 没有好的解决方案。

2018 年 2 月更新：

感谢@JamesNisbet 在评论中指出这一点。

根据 Chrome 团队 的说法，autocomplete=“off” 和 autocomplete=“false” 将被忽略。这不是 Chrome 中的临时回归。

Chrome 将尝试自动填充任何遵循 WHATWG 自动完成标准 的表单字段。除了一个例外，它们忽略“off”和“false”值。

总之，要禁用自动填充，请使用具有不在 WHATWG 列表中的值的自动完成属性。

在 这个 Chromium 线程 中说明为什么您认为 autocomplete=“off” 不应被 Chrome 忽略。

---

看起来像是 Chrome 63 中可能的回归。在 Chrome 的原始自动填充文档中：

过去，许多开发人员会在他们的表单字段中添加 autocomplete=“off” 以防止浏览器执行任何类型的自动完成功能。虽然 Chrome 仍然会尊重自动完成数据的这个标签，但它不会尊重自动填充数据。那么什么时候应该使用 autocomplete=“off” 呢？一个例子是当您实现了自己的搜索自动完成版本时。

https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill

他们确实区分了自动完成和自动填充，尽管尚不清楚它们之间的区别。

Chrome、Safari 和 Edge 都在尝试实现自动填充，但没有明确的标准。他们关注的是名称属性，而不是明确的标准化属性。

现在 autocomplete="something-new" 是一个很好的解决方法，尽管从语法上讲它没有意义。这似乎有效，因为浏览器无法理解它。

原文由 png 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我们尝试 autocomplete="false" 和 autocomplete="off" ，都不起作用。但是 Chrome 不理解的东西，比如 autocomplete="disabled" ，似乎确实有效。奇怪的！

更新：这从 Chrome 72 开始工作。

原文由 Erebus 发布，翻译遵循 CC BY-SA 4.0 许可协议