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

时间:2013-04-13 19:39:13

标签: javascript jquery html

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

有人可以从预定义选项列表中进行选择,或输入自己的选项。

1 个答案:

答案 0 :(得分:66)

您可以将输入文字用于" 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