如何使下拉框（選擇元素）接受html中的文本搜索？

Question

我有一個下拉（選擇元素）框。我想要的是能夠通過鍵入搜索相同元素中的選項。我已經嘗試過HTML5中的數據列表，但是如果選項中沒有值，則鍵入的值將被接受爲輸入。我想要從選項列表中選擇選項，但應該能夠通過鍵入文本來找到它。

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

這裏如果我輸入「A」來搜索選項a應該選擇。如果我輸入「X」進行搜索，則不應將其作爲輸入接受。

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>