HTML <label> 标签

定義和用法

向控件定义标注(标记)。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

HTML 与 XHTML 之间的差异

NONE

提示和注釋:

注釋:"for" 屬性可把 label 绑定到另外一个元素。请把 "for" 屬性的值设置为相关元素的 id 屬性的值。

可選的屬性

DTD 指示此屬性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

屬性 描述 DTD
for id_of_another_field 定义 label 针对哪个表单元素。设置为某个表单元素的 id。
注釋:如果此屬性未被规定,那么 label 会关联其内容。
STF

隱式和顯式的聯系

标记通常以下面两种方式中的一种来和表单控件相联系:将表单控件作为标记标签的内容,这样的就是隐式形式,或者为 <label> 标签下的 for 屬性命名一个目标表单 id,这样就是显式形式。

例如,在 XHTML 中:

<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum" id="SSn" />
<label>Date of Birth: <input type="text" name="DofB" /></label>

第一个标记是以显式形式将文本 "Social Security Number:" 和表单的社会安全号码的文本输入控件 ("SocSecNum") 联系起来,它的 for 屬性的值和控件的 id 一样,都是 SSN。第二个标记 ("Date of Birth:") 不需要 for 屬性,它的相关控件也不需要 id 屬性,它们是通过在 <label> 标签中放入 <input> 标签来隐式地连接起来的。

标准屬性

id, class, title, style, dir, lang, xml:lang

如需完整的描述,請訪問标准屬性

事件屬性

accesskey, onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, 
onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

如需完整的描述,請訪問事件屬性