HTML中 select 與datalist的異同

比較：

異同點	select	datalist
多選	可以	不可以
缺失值	可以	不可以
查找	不可以	可以
增添選項	不可以	可以

• datalist，標簽定義選項列表，通常與input元素配合使用該元素，datalist元素的內容不會直接顯示在網頁上，只是會在用戶輸入時作為候選項

<form>
選擇：
<input type='text' name='capital' list='capitals' />
  <datalist id='capitals'>
    <option value='南京'>北京</option>
    <option value='山西'>山東</option>
    <option value='河北'>河南</option>
  </datalist>
  </form>

• select，用來建立一個下拉菜單選項列表
• size用來定義列表中顯示的列表項
• multiple屬性用來定義是否可以多選
• 可以添加disabled屬性和autofocus屬性

<form>
選擇：
<select name='capital' multiple>
  <option value='bj'>北京</option>
  <option value='jn'>山東</option>
  <option value='zhzh'>河南</option>
</select>
</form>