這樣有錯(cuò)嗎
任務(wù)
我來(lái)試試:完成下面任務(wù)
要求:慢跑、登山和籃球復(fù)選框要與各自的復(fù)選項(xiàng)用for屬性關(guān)聯(lián)。效果圖如下:
<form>
你對(duì)什么運(yùn)動(dòng)感興趣:<br/>
? ?
? <input type="checkbox" name="1" value="慢跑"/>慢跑
? <br />
?
? <input type="checkbox" name="2" value="登山"/>登山
? <br />
??
? <input type="checkbox" name="3 ?value="籃球"/>籃球
??
</form>
跟標(biāo)準(zhǔn)答案有什么區(qū)別
你對(duì)什么運(yùn)動(dòng)感興趣:<br />
? <label for="jog">慢跑</label>
? <input type="checkbox" name="jog" id="jog" /><br />
? <label for="climb">登山</label>
? <input type="checkbox" name="climb" id="climb" /><br />
? <label for="basketball">籃球</label>
? <input type="checkbox" name="basketball" id="basketball" />
2016-11-04
你的答案里沒(méi)有使用label標(biāo)簽。label標(biāo)簽是用來(lái)增加鼠標(biāo)用戶體驗(yàn)的,點(diǎn)擊label標(biāo)簽的時(shí)候,瀏覽器把焦點(diǎn)自動(dòng)轉(zhuǎn)移到label標(biāo)簽for屬性對(duì)應(yīng)的表單控件上,形同于點(diǎn)擊了這個(gè)表單控件。然后我還有個(gè)問(wèn)題,我發(fā)現(xiàn)這個(gè)標(biāo)準(zhǔn)答案的name屬性不是統(tǒng)一的,記得前面說(shuō)過(guò)name屬性對(duì)應(yīng)了分組,屬性的值一樣那么就在一個(gè)分組里。但是這里這幾個(gè)選項(xiàng)應(yīng)該是在同一分組里吧?為什么會(huì)用不統(tǒng)一的name屬性的值?
2016-11-08
name值是要統(tǒng)一的!
2016-11-04
label標(biāo)簽不會(huì)向用戶呈現(xiàn)任何特殊效果,作用:為鼠標(biāo)用戶改進(jìn)了可行性;
語(yǔ)法<label for="控件id名稱">
注意:標(biāo)簽的for屬性的值應(yīng)與相關(guān)控件的id屬性值一定要相同
2016-11-04
區(qū)別在于應(yīng)用了label元素,點(diǎn)擊文字的時(shí)候可以 選中/反選 對(duì)應(yīng)的多選框。沒(méi)有應(yīng)用label 點(diǎn)擊多選框的文字是不能選中/反選 的。注意:label的for值要與input設(shè)置的ID值一致
2016-11-04
缺少<form>
2016-11-04
你沒(méi)有理解label的含義。
label標(biāo)簽不會(huì)向用戶呈現(xiàn)任何特殊效果,它的作用是為鼠標(biāo)用戶改進(jìn)了可用性。如果你在 label 標(biāo)簽內(nèi)點(diǎn)擊文本,就會(huì)觸發(fā)此控件。就是說(shuō),當(dāng)用戶單擊選中該label標(biāo)簽時(shí),瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上(就自動(dòng)選中和該label標(biāo)簽相關(guān)連的表單控件上)。
2016-11-04
標(biāo)準(zhǔn)答案用的for屬性關(guān)聯(lián) 你寫(xiě)的只是添加了復(fù)選框的代碼 慢跑、登山和籃球復(fù)選框沒(méi)有與for屬性關(guān)聯(lián)