当前位置:首页>HTML>HTML标签>HTML <datalist> 标签

HTML <datalist> 标签

作者:微学网发布时间:2019-08-25 22:16:13

示例

下面是一个 <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>元素绑定在一起。

浏览器支持

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

Chrome Firefox IE Safari Opera
Google Chrome Firefox Internet Explorer Safari Opera
支持 支持 支持 不支持 支持
20.0 4.0 10.0 不支持 9.0

注意: Safari或Internet Explorer 9及早期版本不支持<datalist>标记。

HTML 4.01和HTML5之间的差异

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

全局属性

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

事件属性

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

相关页面

HTML DOM参考: Datalist对象

默认CSS设置

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

datalist { 
    display: none;
}