課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
<label>個人簡介:</label> ? 為什么要加個<label>...</label>? ? ? 和直接寫 ?個人簡介 ?有什么區(qū)別??
2016-04-22
源自:初識HTML(5)+CSS(3)-升級版 6-7
正在回答
<label> 標簽為 input 元素定義標注(標記)。
label 元素不會向用戶呈現(xiàn)任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在 label 元素內(nèi)點擊文本,就會觸發(fā)此控件。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦點轉(zhuǎn)到和標簽相關(guān)的表單控件上。
簡單的說大概這就是一個規(guī)范,你這里加入的后面應該是一個文本框的了,然后效果大概就是
加了的話,點擊文字和點擊文本框是一樣的效果的了(觸發(fā)了文本框控件)
其他的像是勾選框之類的也是一樣的
當然你不加也是可以的,但就是沒有了這個功能了
RoughColorText
戀仩沵嘸葾 提問者
戀仩沵嘸葾 提問者 回復 RoughColorText
遺忘的夢之峰
戀仩沵嘸葾 提問者 回復 遺忘的夢之峰
為什么我沒有所謂出發(fā)控件的反應,只是加label前,鼠標顯示的是I,不加顯示的是箭頭
<>...</>又開始就有結(jié)束
它可以設(shè)置標簽關(guān)聯(lián)。
舉個例子來說一下這樣寫的方便之處:
<label for="information">個人簡介</label><br />
<textarea cols="20" rows="20" id="information" name="infor">這里填寫你的個人簡介</taxtarea>
當你這樣寫的時候就把個人簡介的標簽和填寫個人簡介的多行文本輸入框結(jié)合在一起,鼠標點擊個人簡介的時候,焦點就會移動到<textarea>,然后直接輸入即可,很方便。也做到了web的語義化。(注意:label的for屬性和相關(guān)聯(lián)的id屬性要一致,這里面都是"information")
這樣子可能還不太明顯,再換一個例子:
<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 />
無論是點擊label里面的文字還是選中那個小圓點點都可以選擇,方便很多。
能利用CSS設(shè)置樣式
web語義化,使其更有意義,比如和<form>一起用的時候就可以很好的對應起來
RoughColorText 回復 戀仩沵嘸葾 提問者
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學習標簽用法和意義
2 回答<label>個人簡介:</label>
2 回答 <label>個人簡介:</label> 代碼中點擊個人簡介 label標簽沒效果?求解 ?
1 回答label與label for
2 回答label和label for
8 回答label
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-04-22
<label> 標簽為 input 元素定義標注(標記)。
label 元素不會向用戶呈現(xiàn)任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在 label 元素內(nèi)點擊文本,就會觸發(fā)此控件。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦點轉(zhuǎn)到和標簽相關(guān)的表單控件上。
簡單的說大概這就是一個規(guī)范,你這里加入的后面應該是一個文本框的了,然后效果大概就是
加了的話,點擊文字和點擊文本框是一樣的效果的了(觸發(fā)了文本框控件)
其他的像是勾選框之類的也是一樣的
當然你不加也是可以的,但就是沒有了這個功能了
2016-06-13
為什么我沒有所謂出發(fā)控件的反應,只是加label前,鼠標顯示的是I,不加顯示的是箭頭
2016-04-22
<>...</>又開始就有結(jié)束
2016-04-22
它可以設(shè)置標簽關(guān)聯(lián)。
舉個例子來說一下這樣寫的方便之處:
<label for="information">個人簡介</label><br />
<textarea cols="20" rows="20" id="information" name="infor">這里填寫你的個人簡介</taxtarea>
當你這樣寫的時候就把個人簡介的標簽和填寫個人簡介的多行文本輸入框結(jié)合在一起,鼠標點擊個人簡介的時候,焦點就會移動到<textarea>,然后直接輸入即可,很方便。也做到了web的語義化。(注意:label的for屬性和相關(guān)聯(lián)的id屬性要一致,這里面都是"information")
這樣子可能還不太明顯,再換一個例子:
<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 />
無論是點擊label里面的文字還是選中那個小圓點點都可以選擇,方便很多。
2016-04-22
能利用CSS設(shè)置樣式
2016-04-22
web語義化,使其更有意義,比如和<form>一起用的時候就可以很好的對應起來