带有输入字段的HTML选择下拉列表

HTML select drop-down with an input field

本文关键字：HTML 选择 下拉列表 字段 输入      更新时间：2023-09-26

如何在HTML中使用文本输入选项实现选择样式的下拉菜单?

这个想法是人们可以从预定义的选项列表中选择，或者输入他们自己的选项。

您可以使用带有"list"属性的输入文本，该属性指向值的数据列表。

<input type="text" name="city" list="cityname">
    <datalist id="cityname">
      <option value="Boston">
      <option value="Cambridge">
    </datalist>

这将创建一个自由文本输入字段，该字段还具有一个下拉菜单，用于选择预定义的选项。例如属性和更多信息:https://www.w3.org/wiki/HTML/Elements/datalist

相关文章：