新闻玩机教程博客养殖种植PC语言汽车人物风景知识库易经学故事会医药系统AI数据库

HTML<datalist>标签

	作者：CC	今阅(1)	3日(2)	7日(2)
	发表时间:2023-11-05 00:12:48		30日(3)	总阅(20)

文章摘要：标签支持html的全局属性，标签支持html的事件属性，标签规定了元素可能的选项列表

# HTML <datalist> 标签
  
## 实例
下面是一个 <input> 元素，<datalist> 中描述了其可能的值：
```html
<input list="browsers"> <datalist id="browsers"> <option value="Internet
Explorer"> <option value="Firefox"> <option value="Chrome"> <option
value="Opera"> <option value="Safari"> </datalist>
  ```
尝试一下 »
***
## 浏览器支持
表格中的数字表示支持该元素的第一个浏览器版本号。
浏览器 | ![GoogleChrome](https://www.runoob.com/images/compatible_chrome.gif) | ![Edge](https://www.runoob.com/images/compatible_edge.png)| ![Firefox](https://www.runoob.com/images/compatible_firefox.gif) | ![Safari](Wimg/oHCo5o9zyHl1a7PfdikFl8F46c/cb5ba57a8254753663d18a4a0a41dca1.png)|![Opera](Wimg/oHCo5o9zyHl1a7PfdikFl8F46c/2fde4bf7adb5ab30bcc93bcca92fc96f.png) 
---|---|---|---|---|---  
<datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.0  
  
***
## 标签定义及使用说明
<datalist> 标签规定了 <input> 元素可能的选项列表。
<datalist> 标签被用来在为 <input> 元素提供"自动完成"的特性。用户能看到一个下拉列表，里边的选项是预先定义好的，将作为用户的输入数据。
请使用 <input> 元素的 list 属性来绑定 <datalist> 元素。
***
## HTML 4.01 与 HTML5之间的差异
<datalist> 标签是 HTML5 中的新标签。
***
## 全局属性
<datalist> 标签支持 HTML 的全局属性。
***
## 事件属性
<datalist> 标签支持 HTML 的事件属性。

前一篇:HTML<command>标签后一篇:HTML<dd>标签

豫ICP备16000183号-1