« 80. 如何設計 checkbox:核對盒? | (回到Blog入口) | 82. 如何設計 select: 選擇欄位? »

81. 如何設計 radio box:選擇鈕?

jollen 發表於 October 27, 2006 9:56 PM

radio box 與 checkbox 最大的差別在於,radio 用在多選一的情況,標籤裡有 checked 則是預設值,相同 name 的 radio box 同時間內只能選擇一個。submit 表單時,則是送出所選擇的 value。

radio box 的表單輸入欄位範例:

<input type="radio" value="red" checked name="color">紅色<br> <input type="radio" name="color" value="black">黑色

php
圖: radio box 選擇鈕

如果選擇 "紅色",則 $color = "red";如果選擇黑色,則 $color = "black"。

讀取 radio box 表單欄位的範例:

if ($color == "red") { echo "紅色<br>\n"; } else if ($color == "black") echo "黑色<br>\n"; } else { echo "不合法的顏色<br>\n"; }

--jollen

版權聲明

請參閱頁面底部的 CC 授權條款。此外,Jollen's PHP 專欄禁止引用、修改與轉貼,如果您想與朋友分享的話,我們只允許網站連結(hyperlink)的形式。

發表一個評論

(如果你此前從未在此 Blog 上發表過評論,則你的評論必須在 Blog 主人驗證後才能顯示,請你耐心等候。)

| Top | Jollen's Forum |
Jollen's PHP 專欄採用 Attribution-NonCommercial-NoDerivs 2.5 授權條款
Copyright(c) 2001-2007,2010 www.jollen.org