select與datalist的區別

一、<select>標籤：定義了下拉列表的實現

      select的下拉菜單是供用戶選擇的，用戶只能選擇其中的選項不能本身添加

<select>
    <option value="上海">上海</option>
    <option value="北京">北京</option>
    <option value="杭州">杭州</option>
</select>

二、<datalist>標籤：定義了輸入域的選項列表

     使用datalist標籤必需要和<input>、<form>標籤聯合起來使用，input標籤中的list屬性值要和datalist標籤中的id屬性值保持一致

     datalist不只能夠供用戶選擇，用戶還能夠本身輸入，並且datalist還能夠達到模糊匹配的效果

<input type="text" list="addr" />
<datalist id="addr">
    <option value="上海">上海</option>
    <option value="北京">北京</option>
    <option value="杭州">杭州</option>
</datalist>