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>