HTML:有没有办法让用户输入他们的输入,但也有一个下拉菜单 select?
HTML: Is there a way to allow the user to type in their input but also have a drop down select menu?
比如我有
<label class="form">Menu</label>
<select id="selection" name="select" required>
<option value="" selected>--Select an Option--</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
...
</select>
这只会在用户用鼠标点击输入框时显示一个下拉菜单。但我想给他们一个选项,让他们能够在输入框中输入,例如:
如果用户输入 option1
,它将引导他们到 "Option 1" 下拉菜单等。如果用户输入任何其他未包含在下拉菜单中的词,下拉列表将显示 "Invalid Input".
是的!具有列表属性的文本输入:
<input type="text" name="city" list="cityname">
<datalist id="cityname">
<option value="Boston">
<option value="Cambridge">
</datalist>
编辑:对于自动完成,尝试Bootstrap Typeahead
比如我有
<label class="form">Menu</label>
<select id="selection" name="select" required>
<option value="" selected>--Select an Option--</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
...
</select>
这只会在用户用鼠标点击输入框时显示一个下拉菜单。但我想给他们一个选项,让他们能够在输入框中输入,例如:
如果用户输入 option1
,它将引导他们到 "Option 1" 下拉菜单等。如果用户输入任何其他未包含在下拉菜单中的词,下拉列表将显示 "Invalid Input".
是的!具有列表属性的文本输入:
<input type="text" name="city" list="cityname">
<datalist id="cityname">
<option value="Boston">
<option value="Cambridge">
</datalist>
编辑:对于自动完成,尝试Bootstrap Typeahead