比较：

异同点 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>