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