2017-02-16 131 views
0

我的問題HTML輸入標籤功能+選擇標籤功能?

我搜索瞭解我的問題,但我無法弄清楚。

我不知道是否有任何方法來建立你甚至可以寫入輸入(類型=文本)的選擇。例如,您可以從選擇列表中選擇一個選項,或者您可以在其上寫入而不選擇任何選項。

我想混合下面兩個函數的一個輸入

<select> 
    <option value=1>A</option> 
    <option value=2>B</option> 
</select> 

<input type="text"> 

您可以通過選擇功能選擇A或B,但如果你沒有找到你想要選擇的東西,比如,你可以用C寫吧。


結論

我能找到我的問題refereces當我和關鍵字「HTML組合」搜索我的問題是我試圖找到錯誤的關鍵字!

simiply,(我是混合HTML5語法和HTML4語法,我認爲)

<input type="text" list="test"> 
<datalist id="test"> 
    <option>Hello</option> 
    <option>world!</option> 
</datalist> 
+0

「組合框」 是中的常用術語爲了這樣的控制。 HTML本身不做,但你可以模擬它。還有一些,包括jQuery插件(我知道你沒有用「jQuery」標記你的問題,但你可以看看插件代碼),也可能是一些獨立的代碼。 – nnnnnn

+1

這可能有所幫助:https://stackoverflow.com/questions/14614702/html-combo-box-with-option-to-type-an-entry –

+0

有幾個jquery插件:https://select2.github .io - http://selectize.github.io/selectize.js - https://harvesthq.github.io/chosen –

回答

0

那麼這就是答案

<input type="text" list="test"> 
 
<datalist id="test"> 
 
    <option>Hello</option> 
 
    <option>world!</option> 
 
</datalist>

+1

是的。我指的是這個。 http://www.scriptol.com/html5/combobox.php – Jayground