<lable >標(biāo)簽
<lable >標(biāo)簽有什么作用？怎么使用？
魏阿賢
2016-03-24
2 回答
舉報(bào)
0/150
提交
取消
2016-03-24
可以使標(biāo)簽內(nèi)的區(qū)域指向label標(biāo)簽for屬性指代的對(duì)象的事件。
無(wú)label標(biāo)簽:<input id="ye" type="checkbox" /> ? 文本
有l(wèi)abel標(biāo)簽:<label for="ye"><input id="ye" type="checkbox" />
? 文本</label>
有l(wèi)abel標(biāo)簽的這一段，點(diǎn)擊標(biāo)簽中的文本，可使多選框聚焦。
2016-03-24
Label 中有兩個(gè)屬性是非常有用的,一個(gè)是FOR、另外一個(gè)就是ACCESSKEY了。?
FOR屬性?
功能：表示Label標(biāo)簽要綁定的HTML元素，你點(diǎn)擊這個(gè)標(biāo)簽的時(shí)候，所綁定的元素將獲取焦點(diǎn)。?
用法：<Label FOR="InputBox">姓名</Label><input ID="InputBox" type="text">?
ACCESSKEY屬性：?
功能：表示訪問(wèn)Label標(biāo)簽所綁定的元素的熱鍵，當(dāng)您按下熱鍵，所綁定的元素將獲取焦點(diǎn)。?
用法：<Label FOR="InputBox" ACCESSKEY＝"N">姓名</Label><input ID="InputBox" type="text">
局限性：accessKey屬性所設(shè)置的快捷鍵不能與瀏覽器的快捷鍵沖突，否則將優(yōu)先激活瀏覽器的快捷鍵。?
注釋?
要將 LABEL 綁定到其它的控件，請(qǐng)將 LABEL 元素的 FOR 屬性設(shè)置為與該控件的 ID 相同。將 LABEL 綁定到控件的 NAME 屬性毫無(wú)用處。但是，要提交表單，你必須為 LABEL 元素所綁定到的控件指定 NAME。?
有兩種方法給所指定的快捷鍵添加下劃線。LABEL 元素的 rich text 支持可以在 ACCESSKEY 屬性所指定的快捷鍵字符兩側(cè)加上 U 元素。如果你更愿意使用樣式表(CSS)來(lái)應(yīng)用樣式，可以將該字符包含在 SPAN 中，并設(shè)置樣式為“text-decoration: underline”。?
如果用戶單擊 LABEL，則會(huì)先觸發(fā) LABEL 上的 onclick 事件，然后觸發(fā)由 htmlFor 屬性所指定的控件上的 onclick 事件。按下 LABEL 設(shè)定的快捷鍵將設(shè)置焦點(diǎn)但并不觸發(fā) onclick 事件。?
標(biāo)簽不允許嵌套。?
此元素在 Internet Explorer 4.0 及以上版本的 HTML 和腳本中可用。?
此元素是內(nèi)嵌元素。?
此元素需要關(guān)閉標(biāo)簽。?
元素示例代碼?
下面的例子使用了 LABEL 元素和 ACCESSKEY 屬性設(shè)置文本框的焦點(diǎn)。?
This example uses the LABEL element and the ACCESSKEY attribute to set focus on a text box.?
Html代碼?
1.<LABEL FOR="oCtrlID" ACCESSKEY="1">?
2.<!--<SPAN style="text-decoration:underline;">1</SPAN>: Press Alt+1 to set focus to textbox-->?
3.</LABEL>?
4.<INPUT TYPE="text" NAME="TXT1" VALUE="binding sample 1"?
5.SIZE="20" TABINDEX="1" ID="oCtrlID">