HTML<datalist>标签
HTML<datalist>标签作用
HTML <datalist>标签用于在表单元素上提供自动完成功能。它为用户提供了预定义选项的列表，供用户选择数据。
<datalist>标签是HTML5中引入的。
<datalist>标签应与 input 元素一起使用包含"list"属性。 "list" 属性的值与数据列表ID关联。
注意: HTML <datalist>标签还支持全局和事件属性。
HTML<datalist>标签示例
让我们看一下HTML5数据列表标记的简单示例。如果按A，它将显示以A字母开头的板球运动员列表。
<div class="desc">
输入您喜欢的板球运动员:按任意字符<br />
<input type="text" id="favCktPlayer" list="CktPlayers">
<datalist id="CktPlayers">
<option value="Sachin Tendulkar">
<option value="Brian Lara">
<option value="Jacques Kallis">
<option value="Ricky Ponting">
<option value="Rahul Dravid">
<option value="Shane Warne">
<option value="Rohit Sharma">
<option value="Donald Bradman">
<option value="Saurav Ganguly ">
<option value="AB diVilliers">
<option value="Mahendra Singh Dhoni">
<option value="Adam Gilchrist">
</datalist>
</div>
输出:
支持浏览器
| 标签 |
 |
 |
 |
 |
 |
| <datalist> |
支持 |
支持 |
支持 |
支持 |
支持 |
