HTML标签

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>

输出:

支持浏览器

标签  chrome浏览器  ie浏览器  firefox浏览器 Opera浏览器  Safari浏览器
<datalist> 支持 支持 支持 支持 支持
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4