HTML <datalist> 标签

实例

<datalist>中具有预定义值的<input>元素:

<form action="/action_page">
  <input list="browsers">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
</form>
运行 »

定义和用法

<datalist> 标记指定 <input> 元素的预定义选项列表.

<datalist> 标记用于在 <input> 元素上提供"自动完成"功能.用户在输入数据时会看到预定义选项的下拉列表.

使用 <input> 元素的list属性将其与 <datalist> 元素绑定在一起.


浏览器支持

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

Element
<datalist> 20.0 10.0 4.0 不支持 9.0

HTML 4.01和HTML5之间的差异

<datalist> 标记是HTML5中的新标记.


全局属性

<datalist> 标记还支持HTML中的 全局属性 .


事件属性

<datalist> 标记还支持HTML中的 事件属性 .


相关页面

HTML DOM参考: Datalist对象


默认CSS设置

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

datalist {
    display: none;
}