HTML表单中的浏览器自动完成属性不起作用

Question

我们对输入框使用了 jquery 自动完成功能，以便用户在输入时获得建议。

我们面临的问题是大部分时间jQuery的建议列表隐藏在浏览器的建议列表后面。如果我们按 Escape，jquery 建议列表可能也会消失。

已尝试使用autocomplete="off"，但至少在 Chrome 中似乎没有任何影响

个人不希望通过使用会话密钥使名称独一无二，就像下面的帖子中建议的那样使事情复杂化

How do you disable browser Autocomplete on web form field / input tag?

完整的标签如下：

<input type="text" class="form-control" id="EmployeeName" value="@Model.EmployeeName" autocomplete="off" />

任何帮助表示赞赏。

Answer 1

最近也不得不调试这个，我们发现autocomplete="new-password" 完全随机解决了这个问题

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

现在您已经提供了来自 cmets 的更多信息，请参阅 https://code.jquery.com/ui/1.12.1/jquery-ui.js

注意上面写着的那一行

this.element.attr( "autocomplete", "off" );

需要改成

this.element.attr( "autocomplete", "new-password" );

该插件似乎尚未更新以处理此 chrome 错误。您可以直接更新 jquery-ui 插件，在自定义脚本中覆盖它，选择不同的插件。