HTML label標(biāo)簽是什么意思？HTML label標(biāo)簽作用與屬性的用法案例

HTML label標(biāo)簽的定義和用法：

<label> 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）。

label 元素不會向用戶呈現(xiàn)任何特殊效果。不過，它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點擊文本，就會觸發(fā)此控件。就是說，當(dāng)用戶選擇該標(biāo)簽時，瀏覽器就會自動將焦點轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。

<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。

注釋："for" 屬性可把 label 綁定到另外一個元素。請把 "for" 屬性的值設(shè)置為相關(guān)元素的 id 屬性的值。

HTML label標(biāo)簽的作用：

就是一個文本提示標(biāo)簽，不過在label標(biāo)簽中加入for屬性可以與相應(yīng)的選項框進(jìn)行捆綁，也就是說，在這種情況下你點擊這個文本框就會活的點擊選項框的效果。

例子：

<lable>男</lable>
<input style="checkbox">

就是鼠標(biāo)點擊"男"時，自動選擇后邊的文本框進(jìn)行輸入

HTML label標(biāo)簽的屬性：

其實主要是 Label 中有兩個屬性是非常有用的,一個是FOR、另外一個就是ACCESSKEY了。

HTML label標(biāo)簽中的FOR屬性：

功能：表示Label標(biāo)簽要綁定的HTML元素，你點擊這個標(biāo)簽的時候，所綁定的元素將獲取焦點。

用法： <Label FOR="InputBox">姓名</Label><input ID="InputBox" type="text">

HTML label標(biāo)簽中的ACCESSKEY屬性：

功能：表示訪問Label標(biāo)簽所綁定的元素的熱鍵，當(dāng)您按下熱鍵，所綁定的元素將獲取焦點。

用法： <Label FOR="InputBox" ACCESSKEY＝"N">姓名</Label><input ID="InputBox" type="text">

局限性：accessKey屬性所設(shè)置的快捷鍵不能與瀏覽器的快捷鍵沖突，否則將優(yōu)先激活瀏覽器的快捷鍵。

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

HTML <label> 標(biāo)簽的 for 屬性（附例）：

這有實例：

帶有兩個輸入字段和相關(guān)標(biāo)記的簡單 HTML 表單：

<form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />
</form>

HTML<label>標(biāo)簽的 for 屬性定義和用法：

for 屬性規(guī)定 label 與哪個表單元素綁定。

隱式和顯式的聯(lián)系

標(biāo)記通常以下面兩種方式中的一種來和表單控件相聯(lián)系：將表單控件作為標(biāo)記標(biāo)簽的內(nèi)容，這樣的就是隱式形式，或者為 <label> 標(biāo)簽下的 for 屬性命名一個目標(biāo)表單 id，這樣就是顯式形式。

例如，在 XHTML 中：

顯式的聯(lián)系：

<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum" id="SSN" />

隱式的聯(lián)系：

<label>Date of Birth: <input type="text" name="DofB" /></label>

第一個標(biāo)記是以顯式形式將文本 "Social Security Number:" 和表單的社會安全號碼的文本輸入控件 ("SocSecNum") 聯(lián)系起來，它的 for 屬性的值和控件的 id 一樣，都是 SSN。第二個標(biāo)記 ("Date of Birth:") 不需要 for 屬性，它的相關(guān)控件也不需要 id 屬性，它們是通過在 <label> 標(biāo)簽中放入 <input> 標(biāo)簽來隱式地連接起來的。

瀏覽器支持：

所有主流瀏覽器都支持 for 屬性。

Safari 2 或更早的版本不支持 for 屬性。

HTML<label>標(biāo)簽的 for 屬性語法：

<label for="value">

HTML<label>標(biāo)簽的 for 屬性屬性值：

element_id：label要綁定的元素的id.

【相關(guān)推薦】

html textarea是什么意思？如何獲取textarea標(biāo)簽中的換行符和空格？

HTML5<progress>標(biāo)簽是什么意思？HTML5<progress>標(biāo)簽的基本用法詳解

以上就是HTML label標(biāo)簽是什么意思？HTML label標(biāo)簽作用和屬性的用法實例的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！