課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
我想知道label for ,id ,name這幾個有什么作用謝謝
2017-06-10
源自:初識HTML(5)+CSS(3)-升級版 6-1
正在回答
請問是在form中用到的嗎?
form表單中的label標簽是結合for和id用的,比如以下的代碼中,實現(xiàn)的是復選框,其中慢跑選項沒有加label,其他兩個選項加了label。
<form> ????你對什么運動感興趣:<br/> ??慢跑 ??<input?type="checkbox"?name="checkbox1"?value="run"???/> ??<br?/> ??<label?for="climber">登山</label> ??<input?type="checkbox"?name="checkbox2"?value=""climber?id="climber"?/> ??<br?/> ??<label?for="basketball">籃球</label> ??<input?type="checkbox"?name="checkbox3"?value="playbasketball"?id="basketball"/>? ?? </form>
加了label的籃球和登山選項效果如下
鼠標放在籃球字樣上,是箭頭,點擊鼠標,復選會框被選中。
沒有添加label標簽的慢跑效果如下,鼠標移動到慢跑字樣上,顯示為“I”,點擊無反應,必須點擊到復選框那個小框框才能選中。
以上是有無label的區(qū)別,label要和input里面的id聯(lián)合起來用才有作用,label標簽的?for 屬性中的值應當與相關控件的?id 屬性值一定要相同,這樣才有以上的效果。
而name是后臺接收參數(shù)用的,name傳輸?shù)胶笈_之后,才會接著接收到value的值。
想要實現(xiàn)以上效果,label還有一個簡單的用法,用不到for和id
1.<label>慢跑<input?type="checkbox"?name="checkbox1"?value="run"???/></label> 2.<label?for="run">慢跑</label>?<input?type="checkbox"?name="checkbox1"?value="run"?id="run"??/> 以上1與2實現(xiàn)的效果一樣
以上僅代表個人理解,如有不當歡迎指正,謝謝。
慕姐2633818
回答得太好了!謝謝高手
恍然大悟!?。?!
謝謝謝謝
總算弄明白了
原來如此,感謝
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
4 回答我搞不清楚
1 回答不清楚哪里錯誤
1 回答最后一行的寫法不行嗎? 求解答 for 不是很清楚有什么作用
5 回答我不太清楚我這里哪里有錯誤
4 回答action 具體的意義表示不清楚
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2017-06-10
請問是在form中用到的嗎?
form表單中的label標簽是結合for和id用的,比如以下的代碼中,實現(xiàn)的是復選框,其中慢跑選項沒有加label,其他兩個選項加了label。
加了label的籃球和登山選項效果如下
鼠標放在籃球字樣上,是箭頭,點擊鼠標,復選會框被選中。
沒有添加label標簽的慢跑效果如下,鼠標移動到慢跑字樣上,顯示為“I”,點擊無反應,必須點擊到復選框那個小框框才能選中。
以上是有無label的區(qū)別,label要和input里面的id聯(lián)合起來用才有作用,label標簽的?for 屬性中的值應當與相關控件的?id 屬性值一定要相同,這樣才有以上的效果。
而name是后臺接收參數(shù)用的,name傳輸?shù)胶笈_之后,才會接著接收到value的值。
想要實現(xiàn)以上效果,label還有一個簡單的用法,用不到for和id
以上僅代表個人理解,如有不當歡迎指正,謝謝。
2017-10-26
回答得太好了!謝謝高手
2017-08-10
恍然大悟!?。?!
2017-08-03
謝謝謝謝
2017-07-03
總算弄明白了
2017-06-10
原來如此,感謝