對html中label標籤的理解

HTML中LABEL標籤的用途
在Dreamweaver8中,只要一加入表單或表單對象,文本框等等,就會在代碼中加入一個<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 事件。
標籤不允許嵌套。
此元素在 Internet Explorer 4.0 及以上版本的 HTML 和腳本中可用。
此元素是內嵌元素。
此元素需要關閉標籤。
元素示例代碼
下面的例子使用了 LABEL 元素和 ACCESSKEY 屬性設置文本框的焦點。
This example uses the LABEL element and the ACCESSKEY attribute to set focus on a text box.
Html代碼 複製代碼 收藏代碼HTML中LABEL標籤的用途 - lishilin_468 - 我要我想要的生活
<LABEL FOR="oCtrlID" ACCESSKEY="1">  
<!--<SPAN style="text-decoration:underline;">1</SPAN>: Press Alt+1 to set focus to textbox-->  
</LABEL>  
<INPUT TYPE="text" NAME="TXT1" VALUE="binding sample 1"  
SIZE="20" TABINDEX="1" ID="oCtrlID">

 

 


引自:http://blog.163.com/lishilin_468@126/blog/static/162901138201121025343732/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章