HTML5 <datalist> 标签
主题：HTML5 标签参考上一页|下一页
说明
<datalist> 元素为 <input> 元素指定一组预定义选项。 它可用于为输入字段提供快速选择，例如"自动完成"功能。 它不仅节省了用户的时间，还减少了错误，因为用户犯拼写错误的可能性较小。 input 元素的 list 属性用于将其与 datalist 元素绑定在一起。
下表总结了此标签的使用上下文和版本历史。
| Placement: | 块 |
|---|---|
| Content: | <option> elements |
| 开始/结束标签： | 开始标签： required, 结束标签：required |
| 版本： | New in HTML5 |
语法
<datalist> 标签的基本语法如下：
HTML / XHTML: <datalist> ... </datalist>
下面的示例显示了 <datalist> 标签的作用。
<p>Enter your favorite browser name:</p>
<input type="text" list="browsers">
<datalist id="browsers">
<option value="Firefox">
<option value="Chrome">
<option value="Internet Explorer">
<option value="Opera">
<option value="Safari">
</datalist>标签特定属性
<datalist> 标签没有任何特定属性。
全局属性
与所有其他 HTML 标签一样， <datalist> 标签支持 HTML5 中的全局属性。
事件属性
<datalist> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <datalist> 标签。
 |
基本支持—
|
进一步阅读
请参阅以下教程： HTML 表单.
Advertisements