最高效的WEB程序员学习网站
SVG手册 HTML5手册
 

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>