即使设置自动完成=“关闭”，Chrome 也会自动填充输入字段？

Question

我的网络应用程序中有一个表单，用户可以在其中搜索项目。该表单由一个带有占位符“smHRt searchHR”的输入字段和一个搜索按钮组成。最初，输入字段的 ID 为“smHRtsearchHR”，但我注意到 Chrome 会自动填充此字段，即使我设置了 autocomplete="off"。

为了解决这个问题，我多次更改了输入字段的 ID，但 10 到 12 天后，Chrome 又开始自动填充该字段。我已确保在标签和输入字段本身上都设置了 autocomplete="off"。

这是我的表单的 HTML 结构：

<form role="search" class="search" data-toggle="collapse" autocomplete="off">
    <input id="smHRtsearcHR" autocomplete="off" type="text" placeholder="smHRt searcHR..." class="form-control global-searchbox">
    <a href="#"><i class="fas fa-search"></i></a>
</form>

我研究了这个问题，并找到了一些建议，例如更改名称属性或使用 JavaScript 清除页面加载时的输入字段，但这些解决方案似乎更像是解决方法，而不是解决根本原因。

我正在寻找有关 Chrome 为何继续自动填充输入字段以及如何可靠地防止这种行为的见解。任何帮助或建议将不胜感激。谢谢！

Answer 1

而不是 autocomplete="off" 您需要使用 autocomplete="new-password"

<input type="text" autocomplete="new-password" />

在 Chrome 中，autocomplete="off" 会禁用自动完成功能，但保持自动填充功能处于启用状态。 Autocomplete="new-password" 防止自动填充。