首頁 >web前端 >css教學 >html label標籤的使用教學_基礎教程

html label標籤的使用教學_基礎教程

WBOY
WBOY原創
2016-05-16 12:06:451950瀏覽

在Dreamweaver8中,只要一加入表單或表單對象,文字方塊等等,就會在程式碼中加入一個,我一直沒明白這個label是做什麼的,今天正好看到了解釋: 
Label 中有兩個屬性是非常有用的,一個是FOR、另外一個就是ACCESSKEY了。 
FOR屬性 
功能:表示Label標籤要綁定的HTML元素,你點選這個標籤的時候,所綁定的元素將會取得焦點。
用法: 

ACCESSKEY屬性: 
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 屬性​​設定文字方塊的焦點。
 
T.S.

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn