2014-09-01 12:11:17YouMan
HTML 表單的 select option 下拉選單
HTML 表單功能之一的下拉選單(select option)真的挺棒的,為什麼這樣說呢?因為下拉選單可以把很多的選項一次隱藏在同一的下拉表單中,當網友需要做選擇的時候才打開來用,節省掉許多的表單空間,也讓整個表單能夠更美觀,HTML select option 是許多網頁設計師在設計表單的時候會採用的技巧,想學學看嗎?
簡單的下拉選單語法是這樣寫的:
<select name="下拉選單名稱">
<option value="選項值">選項</option>
<option value="選項值">選項</option>
...
</select>
夠簡單吧!?由 <select> 標籤開頭,</select> 標籤結尾,其中的每個 <option> 組就是一個選項,帶有 value,所以當選擇好並送出表單之後,伺服器端的 script 就有辦法知道網友的選擇囉!
關於這個下拉選單的用法以及如何在表單內應用,這幾篇的教學內容很清楚,還有範例可以看。
話說 HTML 的表單設計是動態網頁設計中很重要的一環,而下拉選單又是其中很常用到的一種功能或者說表單元素,真的要好好的練習一下。
簡單的下拉選單語法是這樣寫的:
<select name="下拉選單名稱">
<option value="選項值">選項</option>
<option value="選項值">選項</option>
...
</select>
夠簡單吧!?由 <select> 標籤開頭,</select> 標籤結尾,其中的每個 <option> 組就是一個選項,帶有 value,所以當選擇好並送出表單之後,伺服器端的 script 就有辦法知道網友的選擇囉!
關於這個下拉選單的用法以及如何在表單內應用,這幾篇的教學內容很清楚,還有範例可以看。
話說 HTML 的表單設計是動態網頁設計中很重要的一環,而下拉選單又是其中很常用到的一種功能或者說表單元素,真的要好好的練習一下。