溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下label標(biāo)簽有什么用，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！
label標(biāo)簽的作用是為鼠標(biāo)用戶改進(jìn)了可用性，當(dāng)用戶點(diǎn)擊【<label>
label標(biāo)簽的作用：
一、<label>標(biāo)簽定義及用法
在html中，<label>標(biāo)簽通常和<input>標(biāo)簽一起使用，<label>標(biāo)簽為input元素定義標(biāo)注（標(biāo)記）。
<label>標(biāo)簽的作用是為鼠標(biāo)用戶改進(jìn)了可用性，當(dāng)用戶點(diǎn)擊<label>標(biāo)簽中的文本時，瀏覽器就會自動將焦點(diǎn)轉(zhuǎn)到和該標(biāo)簽相關(guān)聯(lián)的控件上；
<label>標(biāo)簽在單選按鈕和復(fù)選按鈕上經(jīng)常被使用，使用該標(biāo)簽后，你點(diǎn)擊單選按鈕或復(fù)選按鈕的文本也是可以選中的。
二、<label>標(biāo)簽語法格式
<label for="關(guān)聯(lián)控件的id" form="所屬表單id列表">文本內(nèi)容</label>
說明：
關(guān)聯(lián)控件的id一般指的是input元素的id；
在html5中還新增了一個屬性form，form屬性是用來規(guī)定所屬的一個或多個表單的 id 列表，以空格隔開；
當(dāng)<label>標(biāo)簽不在表單標(biāo)簽<form>中時，就需要使用form屬性來指定所屬表單；
三、實(shí)例
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html中l(wèi)abel標(biāo)簽的詳細(xì)介紹</title></head><body bgcolor="bisque"><form action="" id="form1"><input type="checkbox" id="basketball"><label for="basketball">籃球</label><input type="checkbox" id="football"><label for="football">足球</label><input type="checkbox" id="tableTennis"><label for="tableTennis">乒乓球</label><br><input type="submit" value="提交"/></form><label for="football" form="form1">足球</label></body></html>
運(yùn)行結(jié)果：
看完了這篇文章，相信你對label標(biāo)簽有什么用有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
