課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
<lable>到底有什莫作用
2016-09-11
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 6-8
正在回答
為了觸發(fā)控件
簡(jiǎn)單點(diǎn)說就是:比如單選按鈕,你的鼠標(biāo)不需要非得點(diǎn)到多選框才可以選擇,點(diǎn)擊多選按鈕后面的文本也可以選擇上此選項(xiàng)。
例:
<label for="man">男</label>
<input type="redio"? name="gender" id="man" />
<label for="woman">女</label>
<input type="redio" ?name="gender" id="woman" />
PS: for屬性的值要和控件ID的屬性值相同,即 for="woman"??? id="woman"? 這個(gè)兩個(gè)值
自己試著做一下實(shí)驗(yàn)其實(shí)就很明白了。
label標(biāo)簽不會(huì)向用戶呈現(xiàn)任何特殊效果,它的作用是為鼠標(biāo)用戶改進(jìn)了可用性。如果你在 label 標(biāo)簽內(nèi)點(diǎn)擊文本,就會(huì)觸發(fā)此控件。就是說,當(dāng)用戶單擊選中該label標(biāo)簽時(shí),瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上(就自動(dòng)選中和該label標(biāo)簽相關(guān)連的表單控件上)。
語(yǔ)法:
<label for="控件id名稱">
注意:標(biāo)簽的?for 屬性中的值應(yīng)當(dāng)與相關(guān)控件的?id 屬性值一定要相同。
例子:
<form> ?<label for="male">男</label> ?<input type="radio" name="gender" id="male" /> ?<br /> ?<label for="female">女</label> ?<input type="radio" name="gender" id="female" /> ?<label for="email">輸入你的郵箱地址</label> ?<input type="email" id="email" placeholder="Enter email"></form>
<lable></lable> 這對(duì)標(biāo)簽的的微妙之處在于,當(dāng)想選中文本框,不必非得在框內(nèi)點(diǎn)擊鼠標(biāo),直接點(diǎn)擊由lable 標(biāo)簽標(biāo)記的文本上即可, 相當(dāng)于給form 表單的input 元素添加了一個(gè)感應(yīng)區(qū)。
廢話少說, 舉例如下:例子1: 點(diǎn)擊" 用戶名:" 就可以定位光標(biāo)到輸入框<form><label for="myid "> 用戶名:</label><input type="text" id="myid" /></form>
例子2: 點(diǎn)擊" 用戶名:" 或按鍵alt+1, 都可以定位光標(biāo)到輸入框<form><label for="myid" accesskey="1"> 用戶名:</label><input type="text"?? id="myid" tabindex="1" /></form>
總結(jié):FOR 屬性 ??? 功能:表示Label 標(biāo)簽要綁定的HTML 元素,你點(diǎn)擊這個(gè)標(biāo)簽的時(shí)候,所綁定的元素將獲取焦點(diǎn)。 ??? 用法:<Label FOR="InputBox"> 姓名</Label><input ID="InputBox" type="text"/>
ACCESSKEY 屬性: ??? 功能:表示訪問Label 標(biāo)簽所綁定的元素的熱鍵,當(dāng)您按下熱鍵,所綁定的元素將獲取焦點(diǎn)。 ??? 用法:<Label FOR="InputBox" ACCESSKEY="N"> 姓名</Label><input ID="InputBox" tabindex="N" type="text"/>
局限性:accessKey 屬性所設(shè)置的快捷鍵不能與瀏覽器的快捷鍵沖突,否則將優(yōu)先激活瀏覽器的快捷鍵。PS: 這種用法并不僅僅局限于input 元素, 其它的也是可以的
label往往出現(xiàn)在表單中,在表單中用label標(biāo)簽是為了提高用戶體驗(yàn)html代碼:<label for="user">用戶名</label>< input type="text" value="請(qǐng)輸入用戶名" id="user" />這樣,用戶只要點(diǎn)擊“用戶名”,鼠標(biāo)的光標(biāo)就會(huì)自動(dòng)捕獲input的焦點(diǎn)注:label中for的值必須要等于input中的id值用label標(biāo)簽僅僅是為了提高用戶體驗(yàn),當(dāng)然你也可以用div,em, p, span等也可以,并沒有一個(gè)明確的規(guī)定希望對(duì)你有所幫助
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
3 回答lable有什么用
1 回答lable for的作用
3 回答<lable>的作用
3 回答lable
3 回答<lable>和<inpud>這兩個(gè)標(biāo)簽有何作用?
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)
2016-09-11
為了觸發(fā)控件
簡(jiǎn)單點(diǎn)說就是:比如單選按鈕,你的鼠標(biāo)不需要非得點(diǎn)到多選框才可以選擇,點(diǎn)擊多選按鈕后面的文本也可以選擇上此選項(xiàng)。
例:
<label for="man">男</label>
<input type="redio"? name="gender" id="man" />
<label for="woman">女</label>
<input type="redio" ?name="gender" id="woman" />
PS: for屬性的值要和控件ID的屬性值相同,即 for="woman"??? id="woman"? 這個(gè)兩個(gè)值
自己試著做一下實(shí)驗(yàn)其實(shí)就很明白了。
2016-09-11
label標(biāo)簽不會(huì)向用戶呈現(xiàn)任何特殊效果,它的作用是為鼠標(biāo)用戶改進(jìn)了可用性。如果你在 label 標(biāo)簽內(nèi)點(diǎn)擊文本,就會(huì)觸發(fā)此控件。就是說,當(dāng)用戶單擊選中該label標(biāo)簽時(shí),瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上(就自動(dòng)選中和該label標(biāo)簽相關(guān)連的表單控件上)。
語(yǔ)法:
<label for="控件id名稱">
注意:標(biāo)簽的?for 屬性中的值應(yīng)當(dāng)與相關(guān)控件的?id 屬性值一定要相同。
例子:
<form>
?<label for="male">男</label>
?<input type="radio" name="gender" id="male" />
?<br />
?<label for="female">女</label>
?<input type="radio" name="gender" id="female" />
?<label for="email">輸入你的郵箱地址</label>
?<input type="email" id="email" placeholder="Enter email">
</form>
2016-09-11
<lable></lable> 這對(duì)標(biāo)簽的的微妙之處在于,當(dāng)想選中文本框,不必非得在框內(nèi)點(diǎn)擊鼠標(biāo),直接點(diǎn)擊由lable 標(biāo)簽標(biāo)記的文本上即可, 相當(dāng)于給form 表單的input 元素添加了一個(gè)感應(yīng)區(qū)。
廢話少說, 舉例如下:
例子1: 點(diǎn)擊" 用戶名:" 就可以定位光標(biāo)到輸入框
<form>
<label for="myid "> 用戶名:</label>
<input type="text" id="myid" />
</form>
例子2: 點(diǎn)擊" 用戶名:" 或按鍵alt+1, 都可以定位光標(biāo)到輸入框
<form>
<label for="myid" accesskey="1"> 用戶名:</label>
<input type="text"?? id="myid" tabindex="1" />
</form>
總結(jié):
FOR 屬性
??? 功能:表示Label 標(biāo)簽要綁定的HTML 元素,你點(diǎn)擊這個(gè)標(biāo)簽的時(shí)候,所綁定的元素將獲取焦點(diǎn)。
??? 用法:<Label FOR="InputBox"> 姓名</Label><input ID="InputBox" type="text"/>
ACCESSKEY 屬性:
??? 功能:表示訪問Label 標(biāo)簽所綁定的元素的熱鍵,當(dāng)您按下熱鍵,所綁定的元素將獲取焦點(diǎn)。
??? 用法:<Label FOR="InputBox" ACCESSKEY="N"> 姓名</Label><input ID="InputBox" tabindex="N" type="text"/>
局限性:accessKey 屬性所設(shè)置的快捷鍵不能與瀏覽器的快捷鍵沖突,否則將優(yōu)先激活瀏覽器的快捷鍵。
PS: 這種用法并不僅僅局限于input 元素, 其它的也是可以的
2016-09-11
label往往出現(xiàn)在表單中,在表單中用label標(biāo)簽是為了提高用戶體驗(yàn)
html代碼:
<label for="user">用戶名</label>
< input type="text" value="請(qǐng)輸入用戶名" id="user" />
這樣,用戶只要點(diǎn)擊“用戶名”,鼠標(biāo)的光標(biāo)就會(huì)自動(dòng)捕獲input的焦點(diǎn)
注:label中for的值必須要等于input中的id值
用label標(biāo)簽僅僅是為了提高用戶體驗(yàn),當(dāng)然你也可以用div,em, p, span等也可以,并沒有一個(gè)明確的規(guī)定
希望對(duì)你有所幫助