使用單選框、複選框
在使用表單設計調查表時,為了減少使用者的操作,使用選擇框是一個好主意,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>
預覽
Clear
- 課程推薦
- 課件下載
課件暫不提供下載,工作人員正在整理中,後期請多關注該課程~ 















