W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML <datalist> 标签


Example

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

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
尝试一下 »

定义及用法

<datalist> 标签规定了 <input> 元素可能的选项列表。

<datalist> 标签被用来在为 <input> 元素提供"自动完成"的特性。用户能看到一个下拉列表,里边的选项是预先定义好的,将作为用户的输入数据。

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


浏览器支持

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

元素
<datalist> 20.0 10.0 4.0 Not supported 9.0

注意:IE 9 和更早版本的 IE 浏览器 以及 Safari 不支持 <datalist> 标签。


HTML 4.01 与 HTML5之间的差异

<datalist> 标签是 HTML5 中的新标签。


全局属性

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


事件属性

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


相关文章

HTML DOM 手册: Datalist Object


默认CSS 设置

大多数浏览器都以以下默认值的形式显示 <datalist> 元素:

datalist {
    display: none;
}