一、普通下拉列表

<select>
      <option value="Volvo">Volvo</option>
      <option value="1">栗子</option>
      <option value="2">香蕉</option>
      <option value="3">苹果</option>
</select>

效果如图：

二、带预选值的下拉列表

<select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat" selected="selected">Fiat</option>
    <option value="audi">Audi</option>
</select>

效果如图：

三、带提示文字的下拉列表

<select name="cars">
    <option selected hidden disabled value="">点击选择你想要的选项</option>
    <option value="saab">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
</select>