這樣有錯嗎
任務
我來試試:完成下面任務
要求:慢跑、登山和籃球復選框要與各自的復選項用for屬性關聯。效果圖如下:
<form>
你對什么運動感興趣:<br/>
? ?
? <input type="checkbox" name="1" value="慢跑"/>慢跑
? <br />
?
? <input type="checkbox" name="2" value="登山"/>登山
? <br />
??
? <input type="checkbox" name="3 ?value="籃球"/>籃球
??
</form>
跟標準答案有什么區別
你對什么運動感興趣:<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
你的答案里沒有使用label標簽。label標簽是用來增加鼠標用戶體驗的,點擊label標簽的時候,瀏覽器把焦點自動轉移到label標簽for屬性對應的表單控件上,形同于點擊了這個表單控件。然后我還有個問題,我發現這個標準答案的name屬性不是統一的,記得前面說過name屬性對應了分組,屬性的值一樣那么就在一個分組里。但是這里這幾個選項應該是在同一分組里吧?為什么會用不統一的name屬性的值?
2016-11-08
name值是要統一的!
2016-11-04
label標簽不會向用戶呈現任何特殊效果,作用:為鼠標用戶改進了可行性;
語法<label for="控件id名稱">
注意:標簽的for屬性的值應與相關控件的id屬性值一定要相同
2016-11-04
區別在于應用了label元素,點擊文字的時候可以 選中/反選 對應的多選框。沒有應用label 點擊多選框的文字是不能選中/反選 的。注意:label的for值要與input設置的ID值一致
2016-11-04
缺少<form>
2016-11-04
你沒有理解label的含義。
label標簽不會向用戶呈現任何特殊效果,它的作用是為鼠標用戶改進了可用性。如果你在 label 標簽內點擊文本,就會觸發此控件。就是說,當用戶單擊選中該label標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上(就自動選中和該label標簽相關連的表單控件上)。
2016-11-04
標準答案用的for屬性關聯 你寫的只是添加了復選框的代碼 慢跑、登山和籃球復選框沒有與for屬性關聯