HTML5 <datalist>

<datalist>标记很很像<select>标记，它里面可以放置很多个<option>元素，而且也呈现出下拉列表的样子，但它显示的地方不一样。它只是一个数据容器，需要使用它的<input>元素使用list属性引用<datalist>列表。于是这个<input>不仅可以直接输入数据，而且可以从下拉列表中选择数据。

<label>从列表中选择一种浏览器：
<input list="browsers" name="myBrowser" /></label>
<datalist id="browsers">
  <option value="谷歌浏览器">
  <option value="火狐浏览器">
  <option value="IE浏览器">
  <option value="Opera浏览器">
  <option value="Safari浏览器">
</datalist>