??<label>慢跑
??<input?type="checkbox"?name="jog"?id="1"?/></label>
??<br>
??<label>登山
??<input?type="checkbox"?name="climb"?id="2"?/></label>
??<br>
??<label>籃球
??<input?type="checkbox"?name="basketball"?id="3"?/></label>??<label>慢跑
??<input?type="checkbox"?name="jog"?id="1"?/><br>
??登山
??<input?type="checkbox"?name="climb"?id="2"?/><br>
??籃球
??<input?type="checkbox"?name="basketball"?id="3"?/>
??</label>對(duì)比上面的兩段代碼，為什么不可以用一個(gè)label標(biāo)簽將三個(gè)input標(biāo)簽全部包裹用三個(gè)label標(biāo)簽分別包裹三個(gè)input標(biāo)簽卻可以？
6 回答
已采納
霸氣的擎宇
TA貢獻(xiàn)6條經(jīng)驗(yàn) 獲得超5個(gè)贊
其實(shí)你不用label也是可以的，你要搞清楚為什么用label呢？
或者這樣說(shuō)，你最先要清楚的應(yīng)該是label標(biāo)簽的作用是什么！
你也知道是獲得焦點(diǎn)，但愿你懂究竟什么焦點(diǎn)。就是這個(gè)選項(xiàng)本來(lái)必須點(diǎn)那個(gè)圈才能選中，現(xiàn)在是直接點(diǎn)在這個(gè)選項(xiàng)所在的位置，比如文字都可以直接選中這個(gè)標(biāo)簽。
那很明顯的就是，label讓“必須是這個(gè)input所在的位置”的任意地方被點(diǎn)擊都可以凝聚一個(gè)焦點(diǎn)區(qū)選中它。
如果多個(gè)input 公用一個(gè)LABEL ?獲得焦點(diǎn)之后凝聚在誰(shuí)身上？總不能全部選中吧？所以規(guī)范就是，只能凝聚一個(gè)焦點(diǎn)。那么你先用當(dāng)然就必須每個(gè)單獨(dú)使用了
你的提問(wèn)其實(shí)很有創(chuàng)意，但是可惜的是，規(guī)范并沒(méi)有如你所想的規(guī)定符合你想法的標(biāo)簽。而是規(guī)定了一個(gè)一對(duì)一使用的label。你可以聯(lián)想一下ul ? li ?為什么li必須一個(gè)對(duì)應(yīng)一個(gè)而不能一個(gè)li包裹所有。label 亦是如此！
業(yè)余奶茶品鑒師
TA貢獻(xiàn)260條經(jīng)驗(yàn) 獲得超388個(gè)贊
label標(biāo)簽包裹input標(biāo)簽，是為了在點(diǎn)擊label標(biāo)簽時(shí)，里面包裹的input標(biāo)簽可以獲得焦點(diǎn)，是一一對(duì)應(yīng)的。所以三個(gè)input標(biāo)簽要分別用三個(gè)label標(biāo)簽來(lái)包裹。
nickylau82
TA貢獻(xiàn)128條經(jīng)驗(yàn) 獲得超67個(gè)贊
現(xiàn)在已經(jīng)不用包裹來(lái)獲得焦點(diǎn)了，都是在for標(biāo)簽中增加for屬性來(lái)設(shè)置。
添加回答
舉報(bào)
0/150
提交
取消