小編給大家分享一下html label標(biāo)簽的作用是什么，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)建站堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：做網(wǎng)站、網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的項(xiàng)城網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

首先我們來看看html label標(biāo)簽介紹：

label標(biāo)簽為input元素定義標(biāo)注(標(biāo)記)，它不會(huì)向用戶呈現(xiàn)任何特殊效果，和span標(biāo)簽類似。但label標(biāo)簽和span標(biāo)簽最大的區(qū)別就是它為鼠標(biāo)用戶改進(jìn)了可用性，可以關(guān)聯(lián)特定的表單控件。

label標(biāo)簽和特定表單控件關(guān)聯(lián)之后，如果用戶在label元素內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)關(guān)聯(lián)的表單控件。就是說，當(dāng)用戶選擇該label標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和label標(biāo)簽相關(guān)的表單控件上。

html label標(biāo)簽的主要使用場(chǎng)景：

label標(biāo)簽常用于與checkbox或radio關(guān)聯(lián)，以實(shí)現(xiàn)點(diǎn)擊文字也能選中/取消checkbox或radio。如下圖，點(diǎn)擊文字和點(diǎn)擊前面的單選框效果相同，即加大了控件的可點(diǎn)擊區(qū)域較大，因?yàn)辄c(diǎn)擊標(biāo)簽或控件都將激活控件，這對(duì)于復(fù)選框和單選框特別有用。

現(xiàn)在說說html label標(biāo)簽有什么用：

標(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)的表單控件上。 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。實(shí)例帶有兩個(gè)輸入字段和相關(guān)標(biāo)記的簡(jiǎn)單 HTML 表單：

 
兩個(gè)人 

一個(gè)人 

這是一個(gè)單選框，就不用顯示效果了。

最后，我們來看看關(guān)于html label標(biāo)簽的注釋：

要將 LABEL 綁定到其它的控件，請(qǐng)將 LABEL 元素的 FOR 屬性設(shè)置為與該控件的 ID 相同。將 LABEL 綁定到控件的 NAME 屬性毫無用處。但是，要提交表單，你必須為 LABEL 元素所綁定到的控件指定 NAME。

有兩種方法給所指定的快捷鍵添加下劃線。LABEL 元素的 rich text 支持可以在 ACCESSKEY 屬性所指定的快捷鍵字符兩側(cè)加上 U 元素。如果你更愿意使用樣式表(CSS)來應(yīng)用樣式，可以將該字符包含在 SPAN 中，并設(shè)置樣式為“text-decoration: underline”。

如果用戶單擊 LABEL，則會(huì)先觸發(fā) LABEL 上的 onclick 事件，然后觸發(fā)由 htmlFor 屬性所指定的控件上的 onclick 事件。按下 LABEL 設(shè)定的快捷鍵將設(shè)置焦點(diǎn)但并不觸發(fā) onclick 事件。

看完了這篇文章，相信你對(duì)html label標(biāo)簽的作用是什么有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！