Javascript 如何将字符串添加到浏览器'；自动完成弹出窗口？

以下是google登录屏幕的外观：

单击它，弹出一个建议列表

我想在我自己的网站上做类似的事情，用户点击输入，就会弹出一个javascript填充的建议列表（或者过去搜索的列表和我的建议）

---

如何使用javascript实现这一点？

您可以通过向输入字段添加autocomplete=off属性来关闭本机自动完成功能，然后实现自己的自动完成。无法将项目添加到本机列表

幸运的是，有一些库可以帮助您创建自己的自动完成。

---

例如，请参见：）

您可以使用HTML5

元素

datalist元素允许您指定要在自动完成下拉列表中的值列表：

<input type="text" placeholder="Type in here." list="mydatalist" />
<datalist id="mydatalist">
  <option value="Apple" />
  <option value="Orange" />
  <option value="Banana" />
  <option value="Pear" />
  <option value="Kiwi" />
  <option value="Grape" />
  <option value="Grapefruit" />
</datalist>

数据列表是从输入元素中定义的。然后，输入元素通过

list

属性链接到数据列表，该属性将其链接到具有给定id的数据列表

元素仅在IE10、Firefox、Chrome和Opera中受支持，并且不区分大小写（至少在Chrome 24中是如此）。下面的演示向您展示了如何通过javascript添加选项

演示：

更新：对于不支持HTML5

元素的旧浏览器，可以使用jQuery数据列表插件。链接：

---

这看起来像是浏览器的自动完成功能。我相信这确实是一项浏览器功能。与网站无关我可以通过javascript向浏览器自动完成添加项目吗？jQuery的自动完成功能很好，它还突出显示匹配单词中键入的字符，不按照JQ UI AC的要求扩展插件。@Robin用polyfill更新了旧浏览器的答案