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

Question

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

我需要一个功能，比如一旦用户启动typing一个drop-down/select元素，根据它的元素就会以特定下拉/选择项的选定元素match able的形式出现。

任何人都知道我如何实现这一目标？

Answer 1

您可以尝试使用 HTML<datalist>标记来自动完成下拉列表。在这里试试。

<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 属性。