【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>