亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

這樣有錯嗎

任務

我來試試:完成下面任務

要求:慢跑、登山和籃球復選框要與各自的復選項用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" />



正在回答

7 回答

你的答案里沒有使用label標簽。label標簽是用來增加鼠標用戶體驗的,點擊label標簽的時候,瀏覽器把焦點自動轉移到label標簽for屬性對應的表單控件上,形同于點擊了這個表單控件。然后我還有個問題,我發現這個標準答案的name屬性不是統一的,記得前面說過name屬性對應了分組,屬性的值一樣那么就在一個分組里。但是這里這幾個選項應該是在同一分組里吧?為什么會用不統一的name屬性的值?

1 回復 有任何疑惑可以回復我~
#1

慕粉4333060 提問者

非常感謝!
2016-11-04 回復 有任何疑惑可以回復我~
#2

帥柒柒3959977

name 可以不同,你的網頁可以運行 之所以要相同是因為方便以后處理網頁問題,可以省下不少時間
2016-11-10 回復 有任何疑惑可以回復我~

name值是要統一的!

0 回復 有任何疑惑可以回復我~

label標簽不會向用戶呈現任何特殊效果,作用:為鼠標用戶改進了可行性;

語法<label for="控件id名稱">

注意:標簽的for屬性的值應與相關控件的id屬性值一定要相同

0 回復 有任何疑惑可以回復我~

區別在于應用了label元素,點擊文字的時候可以 選中/反選 對應的多選框。沒有應用label 點擊多選框的文字是不能選中/反選 的。注意:label的for值要與input設置的ID值一致

0 回復 有任何疑惑可以回復我~

缺少<form>

0 回復 有任何疑惑可以回復我~

你沒有理解label的含義。

label標簽不會向用戶呈現任何特殊效果,它的作用是為鼠標用戶改進了可用性。如果你在 label 標簽內點擊文本,就會觸發此控件。就是說,當用戶單擊選中該label標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上(就自動選中和該label標簽相關連的表單控件上)。


2 回復 有任何疑惑可以回復我~

標準答案用的for屬性關聯 你寫的只是添加了復選框的代碼 慢跑、登山和籃球復選框沒有與for屬性關聯

2 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228731    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

這樣有錯嗎

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號