1. 程式人生 > >html中label標籤的使用

html中label標籤的使用

在學習中的過程中,碰到label標籤的屬性

在此記錄備忘:

<label for="chk">點選此文字</label>
  <input type="checkbox" name="c1" id="chk" value="checkbox">
    上面是label的基本用法,其中要注意的是“label”標籤中的for屬性與選框標籤中的id="chk"相同,只有這兩個值相同時,該標籤才會與該元素關聯,點選該標籤的同時,該元素也將得到響應。 

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屬性所設定的快捷鍵不能與瀏覽器的快捷鍵衝突,否則將優先啟用瀏覽器的快捷鍵。

其實其它的表單元素也有accesskey屬性,也就是熱鍵或者說是快捷鍵.侷限性相同.