html <datalist> 標(biāo)簽設(shè)置了 <input> 元素可能的選項列表

<datalist> 標(biāo)簽用于為 <input> 元素提供 "自動完成" 的特性

用戶能看到一個下拉列表，里邊的選項是預(yù)先定義好的，將作為用戶的輸入數(shù)據(jù)

可以使用 <input> 元素的 list 屬性來綁定 <datalist> 元素

瀏覽器支持

IE 10、Firefox、Opera 和 Chrome 支持 <datalist> 標(biāo)簽

IE 9 和更早版本的 IE 瀏覽器 以及 Safari 不支持 <datalist> 標(biāo)簽

html 4.01 與 HTML5之間的差異

<datalist> 標(biāo)簽是 HTML5 中的新標(biāo)簽

范例

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