给文本框增加输入提示，可以下拉也可以输入：

<label for="city">请选择城市:</label>
<input list="cityList" name="city" id="city">
<datalist id="cityList">
  <option value="石家庄Shijiazhuang">
  <option value="邯郸Handan">
  <option value="保定Baoding">
  <option value="邢台Xingtai">
  <option value="秦皇岛Qinhuangdao">
  <option value="唐山Tangshan">
  <option value="廊坊Langfang">
  <option value="沧州Cangzhou">
  <option value="衡水Hengshui">
  <option value="承德Chengde">
  <option value="张家口Zhangjiakou">
</datalist>

效果：

1. 平时和普通文本框一样：
   
2. 鼠标划过时在右边出现倒三角▼：
   
3. 鼠标点击时出现下拉项目列表：
   
4. 可以点击选择项目，也可以输入部分内容进行筛选：