如何禁用 chrome / jquery 的自动完成和自动填充

Question

我想禁用 Chrome 自动完成和 Chrome 自动填充。

我正在使用JQuery UI来自动完成输入字段。 我的jquery-ui 自动完成工作正常，但是 chrome 浏览器在我的顶部显示它自己的自动填充，这使得用户很难 select 正确的下拉项目。

我正在使用autocomplete="off"这似乎禁用了 chrome 的自动完成功能，但显示了自动填充选项。

我尝试了以下方法：

• autocomplete="chrome-off" autocomplete="false" autocomplete="disabled"

这些属性值（或任何无效的属性值）似乎禁用了 *autofill 但确实启用了自动完成。

重要提示：我不能使用随机名称属性，因为我正在为我自己的 jquery-ui 自动完成执行 ajax 请求

Answer 1

自动完成=“关闭”

不再起作用了。 从 2019 年开始唯一有效的是

自动完成=“新密码”

Answer 2

我终于通过结合几个不同的答案找到了解决方案。

步骤1

为了解决自动完成问题，您可以添加一个虚拟的不可见输入字段，如此处所述。 所以你的 html 应该是这样的：

<input id="dummy_location" type="search" name="dummy_location" style='display: none;'>
<input id="location" type="search" name="location">

这将导致 chrome 自动填充弹出窗口

第2步

要禁用自动填充弹出窗口，我们需要像这样为自动完成属性添加一个无效值。

$("#fromcity_ac").attr({
     autocomplete: "chrome-off",
});

你可以在这里停下来。

Chrome 可以正常工作，但是，自动完成问题会在其他浏览器上弹出，例如 firefox。 要解决此问题，您可以通过检查正在使用的浏览器并为 autocomplete 属性设置适当的值来编辑步骤 2 。

 var isChromium = window.chrome; var winNav = window.navigator; var vendorName = winNav.vendor; var isOpera = typeof window.opr;== "undefined". var isIEedge = winNav.userAgent;indexOf("Edge") > -1. var isIOSChrome = winNav.userAgent;match("CriOS"); // Autocomplete default value var autocomplete = "chrome-off". if (isIOSChrome) { // is Google Chrome on IOS } else if ( isChromium;== null && typeof isChromium !== "undefined" && vendorName === "Google Inc." && isOpera === false && isIEedge === false ) { // Is google chrome } else { // Is firefox autocomplete = "off"; }

Answer 3

autocomplete="off"到autocomplete="random-value" 。 这是目前的临时修复。

Answer 4

试试这个，这适用于 chrome

autocomplete="chrome-off"

Answer 5

截至 2022 年初，这似乎有效：

autocapitalize="off" autocomplete="off" autocorrect="off" autofocus="" role="combobox" spellcheck="false"

这是谷歌主页搜索框上使用的技术。

Answer 6

我可以确认 Ryan 的回答“截至 2022 年初，这似乎有效”对我有用（谢谢，Ryan）。 我正在使用 Kendo UI AutoComplete 小部件，直到现在 (2022-02-02)，这是唯一有效的方法，这个问题困扰了我多年。

无法投票，因为没有积分：-/

我明白谷歌希望为最终用户提供一个好的和有用的用户体验，但作为开发人员，我们需要能够说有时，这不是我们想要的，至少在我们的拙见中是这样。 一个很好的例子是当谷歌浏览器中的自动填充隐藏了自动完成选项时。