HTML表單裡的Label標籤

在Dreamweaver中，只要一加入表單或表單對象，文本框等等，就會在代碼中加入一個<label></label>，一直沒明白這個label是做什麼的，今天正好看到了解釋：

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

FOR屬性

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

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

ACCESSKEY屬性：

功能：表示訪問Label標籤所綁定的元素的熱鍵，當您按下熱鍵，所綁定的元素將獲取焦點。

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

局限性：accessKey屬性所設置的快捷鍵不能與瀏覽器的快捷鍵衝突，否則將優先激活瀏覽器的快捷鍵。

註釋

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

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

如果用戶單擊LABEL，則會先觸發LABEL 上的onclick 事件，然後觸發由htmlFor 屬性所指定的控件上的onclick 事件。按下LABEL 設定的快捷鍵將設置焦點但並不觸發onclick 事件。

需要注意的地方：

1、標籤不允許嵌套。

2、此元素在Internet Explorer 4.0 及以上版本的HTML 和腳本中可用。

3、此元素是內嵌元素。

4、此元素需要關閉標籤。

元素示例代碼

下面的例子使用了LABEL 元素和ACCESSKEY 屬性設置文本框的焦點。

 <LABELFOR=oCtrlIDACCESSKEY=1>
 <SPANstyle=text-decoration:underline;>名字</SPAN>:<fontcolor=#999999>按ALT+1到文本框</font>
 </LABEL>
 <INPUTTYPE=textNAME=TXT1VALUE=阿會楠SIZE=20TABINDEX=1ID=oCtrlID>