将输入标记放入下拉列表中

时间:2015-01-15 19:57:25

标签: javascript html css drop-down-menu

当我点击它时,我正在尝试使输入标签有一系列事件。

看起来像这样? :

<input type="text"/>
<select name="Expiration Month">
<option value="January">January</option>
....
</select>

我希望图片看起来像这样。Drop down menu

2 个答案:

答案 0 :(得分:2)

希望这会有所帮助!

<form method="post">
  <input list="browsers">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist> 
</form>

答案 1 :(得分:1)

有许多JS库可以帮助您使用所需的JavaScript和CSS。例如,如果您使用的是JQuery,则可以使用JQuery UI来执行您想要的操作。

有关更多信息,请转到http://jqueryui.com/autocomplete/#combobox