先聲明一下我個人很討厭填寫那種有一大堆選項的網頁表單，特別是在要加入一個網站的會員時，以前都要填寫一堆有的沒有的，什麼生日、星座、血型、興趣 ... 等，搞不懂加入一個論壇要填那些資訊幹嘛？還好近幾年網站的經營者越來越聰明，直接將這些無趣的選項都踢除，不然許多人可能會跟我一樣看到那些選項就直接放棄加入 ...。
話說回來，這一篇文章不是要抱怨那些舊思想的網站經營方式，而是要了解如何用網頁表單的 radio buttons 功能，因為一個功能總是有他的價值存在，只是不要像第一段說的那種濫用方式，用在其他更有價值的地方會比較能發揮 radio buttons 的真正用途，說到這裡，可以開始研究這個 HTML 古老的功能了，雖然古老，但他的應用時機還是相當多的。
HTML 的 radio buttons 中文翻譯常翻成＂選單按鈕＂，意思就是安裝在表單中的選單，有著各式各樣的選項，讓網友選擇自己要的項目，在 Google 雲端硬碟的文件功能中，也有 radio buttons 的項目可以自己設計唷！回過頭來，一個簡單的 radio buttons 組可以寫成像下方這樣子。
回到前兩段的內容，提醒各位網頁設計師，一個好用的功能可以設計出許多有價值的網頁表單，但如果濫用在不該使用的地方，只會設計出低水準的網頁，而一個好的網頁設計師絕對不會讓這種事情發生的。
話說回來，這一篇文章不是要抱怨那些舊思想的網站經營方式，而是要了解如何用網頁表單的 radio buttons 功能，因為一個功能總是有他的價值存在，只是不要像第一段說的那種濫用方式，用在其他更有價值的地方會比較能發揮 radio buttons 的真正用途，說到這裡，可以開始研究這個 HTML 古老的功能了，雖然古老，但他的應用時機還是相當多的。
HTML 的 radio buttons 中文翻譯常翻成＂選單按鈕＂，意思就是安裝在表單中的選單，有著各式各樣的選項，讓網友選擇自己要的項目，在 Google 雲端硬碟的文件功能中，也有 radio buttons 的項目可以自己設計唷！回過頭來，一個簡單的 radio buttons 組可以寫成像下方這樣子。
<form>
<input type="radio" name="選單名稱" value="選項值"> 選項一
<input type="radio" name="選單名稱" value="選項值"> 選項二
</form>
理論上效果會像這樣<input type="radio" name="選單名稱" value="選項值"> 選項一
<input type="radio" name="選單名稱" value="選項值"> 選項二
</form>
選項一
選項二
不難吧！？稍微注意一下，每個 radio buttons 的 name 都要一樣才能算是一組，反之則不是一組，這是 radio buttons 設計上的潛規則，如果想要進一步了解關於 radio buttons 的設計語法以及 HTML 表單的設計規則，可以研究下面這兩篇的教學內容。回到前兩段的內容，提醒各位網頁設計師，一個好用的功能可以設計出許多有價值的網頁表單，但如果濫用在不該使用的地方，只會設計出低水準的網頁，而一個好的網頁設計師絕對不會讓這種事情發生的。
留言
張貼留言