在使用表單設計調查表時,為了減少用戶的操作,使用選擇框是一個好主意,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" 時,該選項被默認選中
如下面代碼:
注意:代碼中的<label>標簽在本章 5-9 中有講解。
在瀏覽器中顯示的結果:
注意:同一組的單選按鈕,name 取值一定要一致,比如上面例子為同一個名稱“radioLove”,這樣同一組的單選按鈕才可以起到單選的作用。
任務1:我來試一試:修改單選框代碼錯誤(男、女可以同時選擇),使其具有單選作用。
1、在右部編輯器中第13行、15行代碼有錯誤,請改正。
1、同一組單選框name
命名要一致。
2、你是否輸入像下面的代碼:
<label>男</label> <input type="radio" value="1" name="gender" /> <label>女</label> <input type="radio" value="2" name="gender" />
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報