lable的特殊用法

最近在設計網頁時,只要一加入表單或表單對象,文本框等等,就會在代碼中加入一個<label></label>,今天在作一個新的東西就把lable總結一下html

lable有兩個最主要的屬性,for 、 accesskey
for屬性
   功能:表示Label標籤要綁定的HTML元素,你點擊這個標籤的時候,所綁定的元素將獲取焦點。 
   用法:<lable for="InputBox">姓名</lable><input id="InputBox" type="text">
瀏覽器

  另一個最主要的功能就是很是友好spa

<lable>用戶名<input type="text" /></lable>設計

 在HTML裏,每一種HTML標籤都有本身的意義,在作頁面的時候選擇適合的標籤,少使用DIV,Span這些無語義的標籤,只有在沒法肯定使用什麼標籤才使用DIV。
  accesskey
   功能:表示訪問lable標籤所綁定的元素的熱鍵,當您按下熱鍵,所綁定的元素將獲取焦點。
htm

   用法:<lable for="userName" accesskey="N">姓名</lable><input id="userName" type="text"/>
侷限性:accesskey屬性所設置的快捷鍵不能與瀏覽器的快捷鍵衝突,不然將優先激活瀏覽器的快捷鍵。 
註釋 
要將 lable 綁定到其它的控件,請將 LABEL 元素的 FOR 屬性設置爲與該控件的 ID 相同。將 lable綁定到控件的name 屬性毫無用處。可是,要提交表單,你必須爲 LABEL 元素所綁定到的控件指定 NAME。 
有 兩種方法給所指定的快捷鍵添加下劃線。 lable元素的 rich text 支持能夠在 accesskey 屬性所指定的快捷鍵字符兩側加上 U 元素。
對象

若是你更願意使用樣式表(CSS)來應用樣式,能夠將該字符包含在 SPAN 中,並設置樣式爲「text-decoration: underline」。 
若是用戶單擊 LABEL,則會先觸發lable 上的 onclick 事件,而後觸發由 htmlFor 屬性所指定的控件上的 onclick 事件。按下 lable設定的快捷鍵將設置焦點但並不觸發 onclick 事件。
事件

相關文章
相關標籤/搜索