HTMl标签的定义和用法：

标签标签为输入元素定义了一个标签。

标签元素不会向用户呈现任何特殊效果。然而，它提高了鼠标用户的可用性。如果单击标签元素内的文本，将触发此控件。也就是说，当用户选择标签时，浏览器会自动将焦点转向与标签相关的表单控件。

标签标签的for属性应该与相关元素的id属性相同。

注意：“for”属性可以将标签绑定到另一个元素。将“for”属性值设置为相关元素的id属性值。

HTMLlabel标签的功能：

它是一个文本提示标签，但是在标签标签上添加for属性可以绑定相应的选项框，也就是说，在这种情况下，如果你点击这个文本框，你就会活生生的点击选项框的效果。

示例：

罐头标签/罐头

inputstyle='checkbox '

也就是说，当鼠标点击“男性”时，后面的文本框被自动选择输入

HTMLlabel标签的属性：

tuyi.png

实际上，标签中有两个非常有用的属性，一个是FOR，另一个是ACCESSKEY。

HTMl标签标签中的FOR属性：

函数：指示要由标签绑定的HTML元素。当您单击此标签时，绑定元素将获得焦点。

用法：label for=' InputBox ' name/label input id=' InputBox ' type=' text '

HTMLlabel标记中的ACCESSKEY属性：

函数：指示访问由标签绑定的元素的热键。当您按下热键时，绑定元素将获得焦点。

用法：label for=' input box ' access key=' n ' name/label input id=' input box ' type=' text '

限制：accessKey属性设置的快捷键不能与浏览器的快捷键冲突，否则会优先激活浏览器的快捷键。

注意：要将标签绑定到其他控件，请将标签元素的“FOR”属性设置为与控件的标识相同。将LABEL绑定到控件的NAME属性是没有用的。但是，要提交表单，必须为LABEL元素绑定到的控件指定一个名称。

HTMLlabel标记的for属性(附例):

以下是一些例子：

带有两个输入字段和相关标签的简单HTML表单：

形式

labelfor='男性'男性/标签

input type=' radio ' name=' sex ' id=' male '/

br/

标签=女性女性/标签

input type=' radio ' name=' sex ' id=' meeting '/

/form

HTMLlabel标记的for属性的定义和用法：

for属性指定标签绑定到哪个表单元素。

隐式和显式连接

标签通常以下列两种方式之一与表单控件相关联：将表单控件作为标签标签的内容，这是隐式的；或者为标签标签下的for属性命名目标表单id，这是显式的。

例如，在XHTML中：

显式连接：

label for=' SSN ' social security number :/label

input type=' text ' name=' SocSecNum ' id=' SSN '/

隐式连接：

labeldateofbirth : input type=' text ' name=' DofB '/label

个标记是将文本“社会安全号码：”与表单的社会安全号码的文本输入控件(“社会安全号码”)显式关联。它的for属性的值与控件的id相同，它是SSN。第二个标记(' DateofBirth: ')不需要for属性，它的相关控件也不需要id属性。它们通过将输入标签放入标签标签中来隐式连接。

浏览器支持：

所有主流浏览器都支持for属性。

Safari2或更早版本不支持for属性。

HTMLlabel标记的for属性的语法：

labelfor='value '

HTMLlabel标记的for属性的属性值：

Element _ id: label元素的id _ id:label绑定。