在HTML5中select与datalist的不同点

1.定义

select：用来创建下拉列表。

Datalist：对象是HTML5新增的。定义选项列表，与input元素配合使用该元素，来定义input可能的值。

2.比较

 

 3.代码实现

（1）select

籍贯：
<select>
    <option>北京</option>
    <option>天津</option>
    <option selected="selected">河南</option>
    <option>河北</option>
</select>

（2）datalist

<label>所属学院：<input type="text" placeholder="请选择学院" list="xueyuan"/>
    <datalist id="xueyuan">
        <option>python学院</option>
        <option>测试学院</option>
        <option>java学院</option>
        <option>人工智能学院</option>
    </datalist>
</label>