以编程方式禁用 Chrome 自动填充

Question

互联网上有一些关于此的讨论（尤其是此处的堆栈溢出），但其中很多都是从 2015 年左右开始的，所以我想知道是否有人最近有任何经验。

我们使用 JavaScript 小部件来增强 Web 表单上的预输入搜索功能，但此 UI 始终覆盖着 Chrome 自动填充功能。

虽然 autocomplete=“off” 曾经有效，但 Chrome 现在似乎忽略了这个值，并且无论如何都会显示 UI。我能找到的唯一适用于 OSX 上的 Chrome ⁶⁶⁄₆₇ 的是无效值，例如 autocomplete=“blah” 。但这似乎太粗略了，我们之前已经对此进行过试验，但在某些情况下/Chrome 版本中它会被忽略。

有没有人喜欢使用 HTML/Javascript 关闭此功能的可靠方法？

作为旁注 - 看起来连谷歌都无法在需要时将其关闭，因为他们自己的谷歌地图提前输入小部件被 Chrome 自动填充覆盖。这可以在大多数 Shopify 商店中看到。

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

Answer 1

jquery.disable-自动填充

禁用 Chrome 的自动填充。当您不希望浏览器自动填充用户名/密码输入时，对于 CRUD 表单很方便。

用法：

 <form>
  <input type="input" name="username" autofill="off" autocomplete="off">
  <input type="password" name="password"  autofill="off" autocomplete="off">
</form>

<script src="jquery.disable-autofill.js"></script>
<script>
  $('input[autofill="off"]').disableAutofill();
</script>

https://github.com/biesbjerg/jquery.disable-autofill

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

Answer 2

autocomplete="off" 不再工作 了。截至 2019 年 唯一有效的是 autocomplete="new-password"

检查 Chromium 项目上的此链接 https://www.chromium.org/developers/design-documents/form-styles-that-c hromium-understands

为用户名添加一个值为用户名的自动完成属性。

如果您实施了将用户名和密码分成两个单独表单的“电子邮件优先”登录流程，请在用于收集密码的表单中包含一个包含用户名的表单字段。当然，如果适合您的布局，您可以通过 CSS 隐藏此字段。

为登录表单的密码字段添加值为 current-password 的自动完成属性。

为注册和更改密码表单上的密码字段添加值为 new-password 的自动完成属性。

如果您要求用户在注册或密码更新期间输入两次密码，请在两个字段上添加新密码自动完成属性。

 <form id="login" action="signup.php" method="post">
  <input type="text" autocomplete="new-password">
  <input type="password" autocomplete="new-password">
  <input type="submit" value="Sign Up">
</form>

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