Label標(biāo)簽通常是寫在表單(form)內(nèi)父款,它通常關(guān)聯(lián)一個(gè)控件;
屬性
Label標(biāo)簽有兩個(gè)屬性,一個(gè)是for,一個(gè)是 accesskey返顺。
for功能:表示這個(gè)Lable是為哪個(gè)控件服務(wù)的禀苦,Label標(biāo)簽要綁定了for指定HTML元素的ID或name屬性,你點(diǎn)擊這個(gè)標(biāo)簽的時(shí)候创南,所綁定的元素將獲取焦點(diǎn) 伦忠,點(diǎn)擊label所包裹內(nèi)容,自動(dòng)指向for指定的id或name
accesskey則定義了訪問(wèn)這個(gè)控件的熱鍵( 所設(shè)置的快捷鍵不能與瀏覽器的快捷鍵沖突稿辙,否則將優(yōu)先激活瀏覽器的快捷鍵)
用法
<label for="username">姓名</label><input id="username" type="text">
<label for="username" accesskey="N">姓名</label><input id="username" type="text">
單選鈕昆码、復(fù)選框都要點(diǎn)擊控件才能選中控件,而如果使用<label>標(biāo)識(shí)就可以實(shí)現(xiàn)點(diǎn)擊文字選取邻储。
<input type="checkbox" id="a" value="haha" name="cn">
<label for="a" >haha </label>
<input type="checkbox" id="b" value="hehe" name="cm">
<label for="b" >hehe </label>
參考:
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/label