HTML <datalist> 标签
示例
包含预定义选项的数据列表（连接到 <input> 元素）
<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>
自己尝试 »
定义和用法
The <datalist> 标签指定了 <input> 元素的预定义选项列表。
The <datalist> 标签用于为 <input> 元素提供“自动完成”功能。用户在输入数据时会看到一个预定义选项的下拉列表。
The <datalist> 元素的 id 属性必须等于 <input> 元素的 list 属性（这将它们绑定在一起）。
浏览器支持
表中的数字指定了完全支持该元素的第一个浏览器版本。
| 元素 | |||||
|---|---|---|---|---|---|
| <datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
全局属性
The <datalist> 标签还支持 HTML 中的全局属性。
事件属性
The <datalist> 标签还支持 HTML 中的事件属性。
相关页面
HTML DOM 参考：数据列表对象
默认 CSS 设置
大多数浏览器将使用以下默认值显示 <datalist> 元素
datalist {
display: none;
}
