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

Question

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

我需要一个功能，比如一旦用户启动 typing 在 drop-down/select 元素根据它的 match able 将 选择特定元素-向下/选择项目。

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

原文由 Vishal Gajera 发布，翻译遵循 CC BY-SA 4.0 许可协议

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

原文由 ShivamRajput 发布，翻译遵循 CC BY-SA 3.0 许可协议