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

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

label標簽與label for 有什么區別

http://img1.sycdn.imooc.com//575f693e0001b0d404620308.jpg

顯示的效果是一樣的,但是屬性上有什么區別

正在回答

7 回答

單label 只是展示,鼠標左鍵點擊 label 中的文字的時候沒有任何效果,如果添加了 for 屬性,當你點擊 label 中的文字的時候,光標會for 屬性相應的 id 標簽中,圖片中的代碼,你點擊慢跑兩個字,id 為『慢跑』的單選框不會被選中,你必須點擊單選框才能選中,但是你點擊『登山』或者『籃球』兩個字的時候,id 為『登山』或者『籃球』的單選框(也可以是復選框或者其它標簽)會被選中

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

聽牛頓唱神曲 提問者

非常感謝!
2016-06-14 回復 有任何疑惑可以回復我~

就不可以不用寫for了

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

如果lable標簽把input標簽包住,不寫for屬性值呢?

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

Wood一Cube

實測把input嵌入到lable里就不需要添加for和id屬性了,新版的freecodecamp Create a Set of Radio Buttons這關的例子是既嵌入又添加for屬性的,糾結下搜索和測試得出如上結論。
2018-06-11 回復 有任何疑惑可以回復我~

label 標簽的 for 把label的value 與id相同的那個標簽綁定在一起了,所以點擊value就會觸發?

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

label標簽的for屬性值 是為了對應其相應的input元素的id,只有進行對應時,才能進行選擇。如果不做對應,點擊標簽時,不能進行選擇。


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

聽牛頓唱神曲 提問者

非常感謝
2016-06-14 回復 有任何疑惑可以回復我~

加上for屬性? 當鼠標停在label標簽時? 光標會指定到與for屬性值相同的id值得input框中

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

聽牛頓唱神曲 提問者

非常感謝
2016-06-14 回復 有任何疑惑可以回復我~

label標簽的for屬性值指向某個input元素的id,當點擊label的時候會觸發該input元素。

如你圖中所示,界面上點擊<label for="登山">登山<label>會觸發它下一行的input的選中事件。而當你點擊慢跑文字的時候,不會選中慢跑的radio。

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

聽牛頓唱神曲 提問者

非常感謝
2016-06-14 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

label標簽與label for 有什么區別

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

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

幫助反饋 APP下載

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

公眾號

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