使用單選框、複選框LOGIN

使用單選框、複選框

在使用表單設計調查表時,為了減少使用者的操作,使用選擇框是一個好主意,html中有兩種選擇框,即單選框複選框,兩者的差異是單選框中的選項使用者只能選擇一項,而複選框中使用者可以任意選擇多項,甚至全選。請看下面的範例:

語法:

<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>

1、type:

   當 type="radio" 時,控制項為單選方塊

   當type="checkbox" 時,控制項為複選框

2、value:提交資料到伺服器的值(後台程式PHP使用)

3、name:為控制項命名,以備後台程式ASP、PHP 使用

4、checked:當設定checked="checked" 時,該選項被預設選取

如下方程式碼:

在瀏覽器中顯示的結果:

#注意:同一組的單選按鈕,name 取值一定要一致,例如上面例子為同一個名稱“radioLove”,這樣同一組的單選按鈕才可以起到單選的作用。

下一節
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>单选框、复选框</title> </head> <body> <form action="save.php" method="post" > <label>性别:</label> <label>男</label> <input type="radio" value="1" name="sex" /> <label>女</label> <input type="radio" value="2" name="sex" /> </form> </body> </html>
章節課件