自动完成功能在 Chrome 上不起作用

And*_*s K 5 html google-chrome autocomplete

我在我们的网站上遇到了 Chromeautocomplete似乎无法正常工作的问题。它过去一直有效,但并非始终如一。

例如,我有一个input这样的字段:

<input type="text" class="gwt-TextBox Inputfield TextInputfield form-control" maxlength="40" name="name" autocomplete="name" width="0" style="max-width: 26em; width: 100%;">
Run Code Online (Sandbox Code Playgroud)

当我开始输入我的名字时,autocomplete下拉菜单会按预期打开,但是当我在autocomplete下拉菜单中选择我的名字时,除了下拉菜单关闭之外什么也没有发生。

问题截图

控制台中没有记录异常。

带有字段的页面在这里

rnl*_*nli 6

2021 年初偶然发现了这个答案。我的问题是自动完成功能未在某些字段上触发。向该字段添加 id 属性解决了我的问题,因此进行更改

<input type="text" name="my_field_name" /> (not working) 
Run Code Online (Sandbox Code Playgroud)

<input type="text"  name="my_field_name" id="my_unique_id" /> (working)
Run Code Online (Sandbox Code Playgroud)

开始记住之前提交的值。


Emi*_*ano -9

属性自动完成必须是“on”或“off”

<input autocomplete="on|off">
Run Code Online (Sandbox Code Playgroud)

参考这里

  • 最好使用自动完成提示,而不是仅仅在输入级别说“on” &lt;input type="text" name="fooBar" autocomplete="organization" &gt; ^ 这还允许您拥有您想要的任何输入名称。以下是 html 表单输入的自动完成/自动填充标签的详尽列表:https://html.spec.whatwg.org/multipage/form-control-infrastruct.html#attr-fe-autocomplete-name (4认同)