小編給大家分享一下HTML中l(wèi)abel標(biāo)簽的用法案例，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

在洪山等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站設(shè)計、成都網(wǎng)站制作 網(wǎng)站設(shè)計制作按需制作網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計,營銷型網(wǎng)站建設(shè),外貿(mào)網(wǎng)站建設(shè),洪山網(wǎng)站建設(shè)費用合理。

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.

看完了這篇文章，相信你對HTML中l(wèi)abel標(biāo)簽的用法案例有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)頁題目：HTML中l(wèi)abel標(biāo)簽的用法案例-創(chuàng)新互聯(lián)
標(biāo)題路徑：http://aaarwkj.com/article18/johgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、App設(shè)計、做網(wǎng)站、商城網(wǎng)站、靜態(tài)網(wǎng)站、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)