如何制作一个下拉框（选择元素）来接受html中的文本搜索？

Question

我有一个下拉（选择元素）框。我想要的是能够通过键入来搜索相同元素中的选项。我在html5中尝试过datalist，但是如果选项中没有值，则输入的值将被接受为输入。我希望从选项列表中选择该选项，但应该能够通过键入文本来找到它。

 <select name="xyz">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>

如果我输入＆＃34; A＆＃34;应该选择搜索选项a。如果我输入＆＃34; X＆＃34;搜索它不应被接受作为输入。

Answer 1

您可以使用<datalist>

<input type=text list=browsers>
<datalist id=browsers>
  <option value="Firefox">
  <option value="InternetExplorer">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>