时间戳

首页 > 解决方案 > HTML表单中的浏览器自动完成属性不起作用

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

问题描述

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

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

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

个人不想通过使用会话密钥使名称独一无二，如以下帖子中所建议的那样使事情复杂化

您如何在 Web 表单字段/输入标签上禁用浏览器自动完成功能？

完整的标签如下：

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

任何帮助表示赞赏。

标签： jqueryhtmlforms

解决方案

最近也不得不调试这个，我们发现这autocomplete="new-password"是一个完全随机的解决方法

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

现在您已经从评论中提供了更多信息，请参阅 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 插件，在自定义脚本中覆盖它，选择不同的插件。

推荐阅读