javascript - 如何通过 HTML 下拉或选择元素实现自动完成功能？

Question

您好，我正在尝试为 下拉或选择 html 表单元素创建自动完成功能。

我需要一个功能，比如一旦用户开始在 drop-down/select 元素上输入 ，根据它的 matchable 元素就会出现以特定下拉/选择项的选定元素形式出现。

有人知道我如何实现这一点吗？

Answer 1

你可以试试 HTML <datalist>自动完成下拉列表的标签。 Try here .

<form action="/action_page.php" method="get">
  <input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
  <input type="submit">
</form>

如果您不想在下拉列表或未选择的下拉列表中添加默认值，请从输入标签中删除 value 属性。