HTML select option 下拉式選單範例
<form>
<select name="YourLocation">
<option value="Taipei">台北</option>
<option value="Taoyuan">桃園</option>
<option value="Hsinchu">新竹</option>
<option value="Miaoli">苗栗</option>
...
</select>
</form>
呈現結果如<select name="YourLocation">
<option value="Taipei">台北</option>
<option value="Taoyuan">桃園</option>
<option value="Hsinchu">新竹</option>
<option value="Miaoli">苗栗</option>
...
</select>
</form>
此範例中的 <select name="YourLocation"> 是下拉式選單的開頭，而 </select> 是結尾，這裡的 name 是此下拉式選單的名稱，可以自己設定，建議使用英文字母做為選單的名稱，包在裡面的每個 <option></option> 標籤則是選項，每個選項都有一個獨特的值（value），用來判斷網友所選擇的項目，value 的部分是讓程式讀的，不會顯示在頁面上，建議使用英文字母，而 <option></option> 中的文字就是讓網友看的內容，可以使用中文或符號，一個簡單的 select option 下拉式選單大致上就完成了。
HTML select option 下拉式選單除了可以放在表單中，也可以放在網頁中直接使用，再透過 JavaScript 的事件製作一些特效，例如有些人會用 onchange 做跳頁選單，當網友選擇好項目後，自動轉到新的頁面，不需要按送出按鈕。
延伸閱讀