<label> - 标签

首页 > HTML标签 > <label>

■ 摘要

项目说明
形式<label>~</label>
支持H4+ / e4+ / N6+ / Fx1+ / Op7+ / Ch1+ / Sa1+
标签省略开始标签:必须,结束标签:必须
可包含元素内联元素(label除外)

■ 说明

使用<label>标签可以把元素与文本结合起来。当点击<label>标签时,或者按下<label>标签的快捷键时,会产生相当与点击此元素相同的效果。

■ label的设定方法

label有两种设定方法。一种是让 <label>~</label> 包含文本和元素。

<label>姓名:<input type="text" name="NAME"></label>

另一种是在 <label> 的 for 属性里设定元素的ID。

<label for="t1">姓名:</label>
<input id="t1" type="text" name="NAME">

■ 属性

【特性】
属性意义
accesskey=keyH4+/e4+/N6+。设定快捷键。当按住ALT键按快捷键的时候,相当于用鼠标点了此label。
for=forH4+/e4+/N6+。设定元素的ID属性,使label与元素结合起来。
form=idH5+。设定想结合的form元素的ID属性,默认为与fieldset元素的父form元素结合。

【数据绑定属性】
属性意义
datafld=dataflde4+。指定数据绑定时的数据源的列名。
dataformatas=formate4+。指定数据绑定时的数据形式,可选 htmltext
datasrc=datasrce4+。指定数据绑定时的数据源的ID。

【一般属性】
属性意义
class=classH4+/e4+/N6+。指定类。
id=idH4+/e4+/N6+。指定ID。
style=styleH4+/e4+/N6+。指定样式。
title=titleH4+/e4+/N6+。指定标题。
dir=dirH4+/e5+/N6+。指定文字显示的方向。
lang=langH4+/e4+/N6+。指定语言种类。
accesskey=keyH5+。指定快捷键。
tabindex=nH5+。指定TAB键在控件中的移动顺序。
contenteditable=boolH5+/e55+。使元素可编辑。
contextmenu=idH5+。指定contextmenu。
draggable=boolH5+。可拖动。
dropzone=valueH5+。可拖放。
hiddenH5+。隐藏元素。
spellcheck=boolH5+。检查拼写。
IE扩展属性可以指定IE扩展属性。

■ 举例

HTML代码
<form action="xxx.cgi">
 <div>
  <input type="radio" name="YES_NO" id="r1" value="yes" checked>
  <label accesskey="Y" for="r1">确定(<u>Y</u>)</label>
  <input type="radio" name="YES_NO" id="r2" value="no">
  <label accesskey="N" for="r2">取消(<u>N</u>)</label>
 </div>
 <input type=submit value="提交">
</form>

label部分也可以用鼠标点击。

浏览器显示效果