HTML 教程

HTML 属性

HTML 标签列表

HTML API

HTML 案例

HTML 颜色

HTML5 进阶

HTML 其它

HTML 面试问题

HTML <datalist> 数据列表标签

HTML <datalist> 标签用于在表单元素上提供自动完成功能。它为用户提供了一个预定义选项列表来选择数据。

datalist 标签是在 HTML5 中引入的。

<datalist> 标签应该与包含“list”属性的 <input< 元素一起使用。“list”属性的值与 datalist id 相关联。

HTML datalist 标签也支持全局和事件属性。

HTML datalist 标签示例

让我们看看 HTML5 datalist 标签的简单例子。如果您按 A，它将显示以 A 字母开头的板球运动员列表。

<!DOCTYPE>
<html>  
<body>  
<label>  
 Enter your favorite cricket player: Press any character<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>  
</label>  
</body>  
</html>

输出：

支持浏览器

元素ChromeIEFirefoxSafariOpera
<datalist>YesYesYesYesYes


上一主题 HTML <data> 数据标签 下一主题 HTML <dl> 列表标签
  • 使用社交账号登录,本站支持
全部评论(0)

便捷工具