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

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

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

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

label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果。不過(guò)，它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件。就是說(shuō)，當(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 屬性相同。

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

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

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

例子：

男

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

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

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

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

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

用法： 姓名

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

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

用法： 姓名

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

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

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

這有實(shí)例：

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

  Male
  
  

  Female
  

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

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

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

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

例如，在 XHTML 中：

顯式的聯(lián)系：

Social Security Number:

隱式的聯(lián)系：

Date of Birth: 

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

瀏覽器支持：

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

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

HTML標(biāo)簽的 for 屬性語(yǔ)法：

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

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

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

本文名稱：HTML中l(wèi)abel標(biāo)簽的用法案例-創(chuàng)新互聯(lián)
文章URL：http://weahome.cn/article/johgp.html