html label標(biāo)簽的使用教程

在Dreamweaver8中，只要一加入表單或表單對(duì)象，文本框等等，就會(huì)在代碼中加入一個(gè)label>/label>，一直沒(méi)明白這個(gè)label是做什么的，今天正好看到了解釋： 
Label 中有兩個(gè)屬性是非常有用的,一個(gè)是FOR、另外一個(gè)就是ACCESSKEY了。 
FOR屬性 
功能：表示Label標(biāo)簽要綁定的HTML元素，你點(diǎn)擊這個(gè)標(biāo)簽的時(shí)候，所綁定的元素將獲取焦點(diǎn)。 
用法：Label FOR="InputBox">姓名/Label>input ID="InputBox" type="text"> 

ACCESSKEY屬性： 
功能：表示訪問(wèn)Label標(biāo)簽所綁定的元素的熱鍵，當(dāng)您按下熱鍵，所綁定的元素將獲取焦點(diǎn)。 
用法：Label FOR="InputBox" ACCESSKEY＝"N">姓名/Label>input ID="InputBox" type="text"> 
局限性：accessKey屬性所設(shè)置的快捷鍵不能與瀏覽器的快捷鍵沖突，否則將優(yōu)先激活瀏覽器的快捷鍵。 

注釋 
       要將 LABEL 綁定到其它的控件，請(qǐng)將 LABEL 元素的 FOR 屬性設(shè)置為與該控件的 ID 相同。將 LABEL 綁定到控件的 NAME 屬性毫無(wú)用處。但是，要提交表單，你必須為 LABEL 元素所綁定到的控件指定NAME。 
有兩種方法給所指定的快捷鍵添加下劃線。LABEL 元素的 rich text 支持可以在 ACCESSKEY 屬性所指定的快捷鍵字符兩側(cè)加上 U 元素。如果你更愿意使用樣式表(CSS)來(lái)應(yīng)用樣式，可以將該字符包含在 SPAN 中，并設(shè)置樣式為“text-decoration: underline”。 

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

需要注意的地方：
1、標(biāo)簽不允許嵌套。 
2、此元素在Internet Explorer 4.0 及以上版本的 HTML 和腳本中可用。 
3、此元素是內(nèi)嵌元素。 
4、此元素需要關(guān)閉標(biāo)簽。 

元素示例代碼 
下面的例子使用了 LABEL 元素和 ACCESSKEY 屬性設(shè)置文本框的焦點(diǎn)。 
LABEL FOR="oCtrlID" ACCESSKEY="1"> 
SPAN style="text-decoration:underline;">名字/SPAN>: font color="#999999">按ALT+1到文本框/font>
/LABEL> 
INPUT TYPE="text" NAME="TXT1" VALUE="阿會(huì)楠"  SIZE="20" TABINDEX="1" ID="oCtrlID">
演示：