label標簽的作用通俗的講
改進了鼠標的可用性,表現在哪里? 另外使用for屬性后,自動選中和該label標簽向關聯的表單控件上有啥用噢? ?
一是文字有繞;關鍵還是對這個缺乏理解?
李珂_
2016-12-27
5 回答
舉報
0/150
提交
取消
2016-12-27
在這個圖片里，我們就以“喜歡”這個選項為例講。如果你用了label這個標簽，你想要選中“喜歡”這一項，是準確地點中了單選框（也就是那個小圓框），還是點中了“喜歡”這兩個字，都可以選中“喜歡”這一項；但是如果你不用label標簽，你就必須要點中單選框（也就是那個小圓框），才能選中這一項，點中“喜歡”這兩個字是選不中的。
再來說for，我們給radio這個單選框起了一個獨一無二的id，要想“喜歡”這兩個字和單選框有一個聯系，喜歡的label里就要寫明for給誰，我覺得for就是為了的意思吧，為了誰，所以后面要跟上相聯系的id名。
第一次回答，希望對你有幫助！
2016-12-27
增強用戶體驗，電腦小白都可以用能看的懂，用得了。
2016-12-27
label標簽的主要用途是提升表單的可用性（嘿嘿，還是專業知識）。
????通俗的解釋一下，比如在使用單選框和復選框時，
沒用label標簽時，每次都要很精確的點到小圓點或者小方框。
使用label標簽后，點擊每個單選框前面對應的文字也會選中單選框，這樣增大了用戶選取的面積，降低了用戶鼠標移動的精確性。這就是label標簽的主要作用。
2016-12-27
就是不用鼠標去點radio單選那個小小的圓點了，可以點lable寫的文字，就相當于點了那個小圓點了。就是讓鼠標用戶選擇更方便了。
2016-12-27
拿復選框為例，沒有<label for>標簽關聯時一定要點中框才能選到，關聯后點文字也可以選中，顯然鼠標選擇時更方便；其他的表單控件也是類似的效果吧