<datalist>

❮ 上一节 HTML 标签 下一节 ❯

实例

下面是一个 input 元素，datalist 中描述了其可能的值:

<label for="browser">从列表中选择您的浏览器:</label>
<input list="browsers" name="browser" id="browser">

<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist> 亲自试一试 »

---

定义和用法

<datalist> 标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。

<datalist> 及其选项不会被显示出来，它仅仅是合法的输入值列表。

请使用 input 元素的 list 属性来绑定 <datalist> 。

---

浏览器支持

表中的数字指完全支持该元素的第一个浏览器版本。

元素
<datalist>	20.0	10.0	4.0	12.1	9.5

---

全局属性

<datalist> 标签支持 HTML 中的全局属性。

---

事件属性

<datalist> 标签支持 HTML 中的事件属性。

---

相关页面

HTML DOM 参考手册: Datalist 对象

---

默认CSS设置

大多数浏览器将使用以下默认值显示 <datalist> 元素:

datalist {
  display: none;
}

❮ 上一节 HTML 标签 下一节 ❯