HTML <datalist> 标签

html <datalist> 标签设置了 <input> 元素可能的选项列表

<datalist> 标签用于为 <input> 元素提供 "自动完成" 的特性

用户能看到一个下拉列表，里边的选项是预先定义好的，将作为用户的输入数据

可以使用 <input> 元素的 list 属性来绑定 <datalist> 元素

浏览器支持

IE 10、Firefox、Opera 和 Chrome 支持 <datalist> 标签

IE 9 和更早版本的 IE 浏览器 以及 Safari 不支持 <datalist> 标签

html 4.01 与 HTML5之间的差异

<datalist> 标签是 HTML5 中的新标签

范例

下面是一个 <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>