HTML5 datalist标签的使用

HTML 5 <datalist> 标签

定义和用法

<datalist>标签定义可选数据的列表。与input元素配合使用，就可以制作出输入值的下拉列表。当input输入框里输入信息时，根据敲进去的字母，自动显示一个提示下列列表。类似于使用百度、360搜索时的显示结果。

例子

<input id="myCar" list="cars" />
<datalist id="cars">
  <option value="BMW">
  <option value="Ford">
  <option value="Volvo">
</datalist>

运行结果

input输入框的list属性值是datalist的id，这样datalist才能和input输入框关联起来。 datalist自身并不显示，只在需要配合input输入时才会自动显示出来。