重新再出發 重新開始寫 ...

3愛的鼓勵 0訂閱站台

HTML 表單功能之一的下拉選單（select option）真的挺棒的，為什麼這樣說呢？因為下拉選單可以把很多的選項一次隱藏在同一的下拉表單中，當網友需要做選擇的時候才打開來用，節省掉許多的表單空間，也讓整個表單能夠更美觀，HTML select option 是許多網頁設計師在設計表單的時候會採用的技巧，想學學看嗎？

簡單的下拉選單語法是這樣寫的：

<select name="下拉選單名稱">
<option value="選項值">選項</option>
<option value="選項值">選項</option>
...
</select>

夠簡單吧！？由 <select> 標籤開頭，</select> 標籤結尾，其中的每個 <option> 組就是一個選項，帶有 value，所以當選擇好並送出表單之後，伺服器端的 script 就有辦法知道網友的選擇囉！

關於這個下拉選單的用法以及如何在表單內應用，這幾篇的教學內容很清楚，還有範例可以看。

• 表單下拉選單 select option
• HTML Form 表單設計

話說 HTML 的表單設計是動態網頁設計中很重要的一環，而下拉選單又是其中很常用到的一種功能或者說表單元素，真的要好好的練習一下。