帶輸入字段的HTML選擇下拉菜單

如何在HTML中使用文本輸入選項實現選擇樣式下拉菜單？帶輸入字段的HTML選擇下拉菜單

想法是有人可以從預定義選項列表中進行選擇，或者輸入自己的選項。

2013-04-13 jesal

'搜索字段==輸入文本字段' –

@MohammadAdil是的，但你知道我的意思:) – jesal

您可以使用帶有「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

2015-04-20 17:58:47 Oleg

嗨Oleg，原始的海報要求插件或一些示例代碼 - 可以你有充實的答案來展示如何應用「list」屬性來做他們想做的事情？謝謝。 –

哇。現在我剛剛學到了一些新東西。我認爲沒有多少程序員知道這個簡單的技巧來解決這個問題。謝謝。 – Dummy

Datalist可以做到這一點，但某些瀏覽器（例如chrome）的顯示可能會出現問題。與選擇元素相反，您不能設計樣式，甚至只能簡單地使用滾動條，這對於長列表來說是個大問題。 –

回答