是否可以創建多個輸入選擇器

Question

如何使用<select></select>選項創建input type="text"。換句話說，我想有一個字段可以在哪裏輸入文本，但是如果我希望我可以從下拉列表中選擇所有值，就像select標記一樣。可能嗎？

Answer 1

不作爲內置的html控件，沒有。您需要使用輸入字段和包含下拉值的另一個元素（例如div或列表）創建一個，並將這些組件部分粘貼在一起。有很多關於如何做到這點的教程。

Answer 2

如果您希望允許使用建議/預定義選項進行自由文本輸入，那麼我會鼓勵您查看專爲此目的而設計的HTML5數據元素元素（請參見https://developer.mozilla.org/en-US/docs/HTML/Element/datalist）。由於對瀏覽器的支持僅限於更新版本的瀏覽器（並且在Safari，iOS或Android中完全不可用），因此您可能希望使用JQuery UI自動完成功能（請參閱http://jqueryui.com/autocomplete/）來填充此內容。