HTML 5中的input list与select

在HTML 5中,新引入了一个datalist元素,它非常类似select,但是不能单独使用,需要配合input,示例如下:


<label>Choose a browser from this list:
<input list="browsers" name="myBrowser" /></label>
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

其执行效果如下


Show Comments

Get the latest posts delivered right to your inbox.