1. 第一种
<select name="" id="">
<option value="shj">----城市----</option>
<option value="shj">----郑州----</option>
<option value="shj">----洛阳----</option>
<option value="shj">----洛杉矶----</option>
</select>
2.第二种(要与input搭配使用)
input 中要添加属性list , 其中list的值要跟datalist的id 值相同
<input type="text" value="王凯" list="star">
<datalist id="star">
<option>郭德纲</option>
<option>胡歌</option>
<option>郭采洁</option>
<option>郭富城</option>
<option>杨幂</option>
<option>赵丽颖</option>
</datalist>
功能: 可以选择前几个字符相同的选项(百度搜索框)
效果: