<label>個(gè)人簡(jiǎn)介：</label> 為什么要加個(gè)<label>...</label>?
<label>個(gè)人簡(jiǎn)介：</label> ? 為什么要加個(gè)<label>...</label>? ? ? 和直接寫 ?個(gè)人簡(jiǎn)介 ?有什么區(qū)別？？
戀仩沵嘸葾
2016-04-22
6 回答
舉報(bào)
0/150
提交
取消
2016-04-22
<label> 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）。
label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果。不過，它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件。就是說，當(dāng)用戶選擇該標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。
簡(jiǎn)單的說大概這就是一個(gè)規(guī)范,你這里加入的后面應(yīng)該是一個(gè)文本框的了,然后效果大概就是
加了的話,點(diǎn)擊文字和點(diǎn)擊文本框是一樣的效果的了(觸發(fā)了文本框控件)
其他的像是勾選框之類的也是一樣的
當(dāng)然你不加也是可以的,但就是沒有了這個(gè)功能了
2016-06-13
為什么我沒有所謂出發(fā)控件的反應(yīng)，只是加label前，鼠標(biāo)顯示的是I，不加顯示的是箭頭
2016-04-22
<>...</>又開始就有結(jié)束
2016-04-22
它可以設(shè)置標(biāo)簽關(guān)聯(lián)。
舉個(gè)例子來說一下這樣寫的方便之處：
<label for="information">個(gè)人簡(jiǎn)介</label><br />
<textarea cols="20" rows="20" id="information" name="infor">這里填寫你的個(gè)人簡(jiǎn)介</taxtarea>
當(dāng)你這樣寫的時(shí)候就把個(gè)人簡(jiǎn)介的標(biāo)簽和填寫個(gè)人簡(jiǎn)介的多行文本輸入框結(jié)合在一起，鼠標(biāo)點(diǎn)擊個(gè)人簡(jiǎn)介的時(shí)候，焦點(diǎn)就會(huì)移動(dòng)到<textarea>，然后直接輸入即可，很方便。也做到了web的語義化。(注意：label的for屬性和相關(guān)聯(lián)的id屬性要一致，這里面都是"information")
這樣子可能還不太明顯，再換一個(gè)例子：
<label >性別：</label><br />
<input type="radio" ?id="mail" name="nan" value="男"></input>
<label for="mail">男</label><br />
<input type="radio" ?id="famail" name="nan" value="男"></input>
<label for="famail">女</label><br />
無論是點(diǎn)擊label里面的文字還是選中那個(gè)小圓點(diǎn)點(diǎn)都可以選擇，方便很多。
2016-04-22
能利用CSS設(shè)置樣式
2016-04-22
web語義化，使其更有意義，比如和<form>一起用的時(shí)候就可以很好的對(duì)應(yīng)起來