在使用表單設(shè)計(jì)調(diào)查表時(shí),為了減少用戶的操作,使用選擇框是一個(gè)好主意,html中有兩種選擇框,即單選框和復(fù)選框,兩者的區(qū)別是單選框中的選項(xiàng)用戶只能選擇一項(xiàng),而復(fù)選框中用戶可以任意選擇多項(xiàng),甚至全選。請(qǐng)看下面的例子:
語(yǔ)法:
<input type="radio/checkbox" value="值" name="名稱" checked="checked"/>
1、type:
當(dāng) type="radio" 時(shí),控件為單選框
當(dāng) type="checkbox" 時(shí),控件為復(fù)選框
2、value:提交數(shù)據(jù)到服務(wù)器的值(后臺(tái)程序PHP使用)
3、name:為控件命名,以備后臺(tái)程序 ASP、PHP 使用
4、checked:當(dāng)設(shè)置 checked="checked" 時(shí),該選項(xiàng)被默認(rèn)選中
如下面代碼:
注意:代碼中的<label>標(biāo)簽在本章 5-9 中有講解。
在瀏覽器中顯示的結(jié)果:
注意:同一組的單選按鈕,name 取值一定要一致,比如上面例子為同一個(gè)名稱“radioLove”,這樣同一組的單選按鈕才可以起到單選的作用。
任務(wù)1:我來(lái)試一試:修改單選框代碼錯(cuò)誤(男、女可以同時(shí)選擇),使其具有單選作用。
1、在右部編輯器中第13行、15行代碼有錯(cuò)誤,請(qǐng)改正。
1、同一組單選框name
命名要一致。
2、你是否輸入像下面的代碼:
<label>男</label> <input type="radio" value="1" name="gender" /> <label>女</label> <input type="radio" value="2" name="gender" />
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)