【HTML5】<datalist>标签和<select>标签的比较

<select>标签：

注：该标签定义了下拉列表的实现

<select name = "location"> <option value = "1">成都</option> <option value = "2" selected>北京</option> <option value = "3">深圳</option> <option value = "4">延安</option> </select>

<datalist>标签：

注：

1，该标签定义了输入域的选项列表

2，使用datalist标签必须要和<input>、<form>标签联合起来使用

3，input标签中的list属性值要和datalist标签中的id属性值保持一致

<form action = "list.jsp"> <input list = "name"> <datalist id = "name"> <option value = "Jake"> <option value = "Jane"> <option value = "brace"> <option value = "honor"> <option value = "jame"> </datalist> </form>