1蹂风、<datalist> 標簽定義選項列表。請與 input 元素配合使用該元素沟沙,來定義 input 可能的值河劝。
作用: 給輸入框綁定待選項
2、datalist格式:
<datalist>
<option>待選項內(nèi)容</option>
</datalist>
3矛紫、如何給輸入框綁定待選列表
- 搞一個輸入框
- 搞一個datalist列表
- 給datalist列表標簽添加一個id
- 給輸入框添加一個list屬性,將datalist的id對應(yīng)的值賦值給list屬性即可
<body>
<!--
datalist: 是為了給輸入框提供一些帶選項,也是一個復(fù)合標簽
格式:
<datalist>
<option >美國</option>
<option >中國</option>
<option >泰國</option>
</datalist>
注意:
1. 輸入框
2. datalist
3. 相互綁定: 輸入框要有一個屬性list=datalist的id值
4. 雖然可以在帶選項中進行選擇,但是依然可以自己輸入不同的數(shù)據(jù)
-->
<form action="">
請輸入你的國籍: <input type="text" list="country">
<datalist id="country">
<option >美國</option>
<option >中國</option>
<option >泰國</option>
</datalist>
</form>
</body>
圖片.png