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