最近在設計網頁時，只要一加入表單或表單對象，文本框等等，就會在代碼中加入一個<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 事件。

轉載于:https://www.cnblogs.com/hello-web/p/7105035.html

總結

以上是生活随笔為你收集整理的lable标签的妙用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。