49

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

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

4

1 回答 1

120

您可以使用带有“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

于 2015-04-20T17:58:47.120 回答