HTML <datalist> 标签
实例
下面是一个 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>
亲自试一试 »
<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;
}
display: none;
}
