一、如何使用标签标签

标签标签为输入元素定义了一个标签(tag)，它不会向用户呈现任何特殊效果，类似于span标签。但是标签和span标签更大的区别是它提高了鼠标用户的可用性，并且可以与特定的表单控件相关联。

标签标签与特定表单控件关联后，如果用户单击标签元素中的文本，将会触发关联的表单控件。也就是说，当用户选择标签时，浏览器会自动将焦点转向与标签相关的表单控件。当您单击标签文本时，将选择相应的控件，并且相应的表单控件id的值必须与标签中的for值相同。

第二，标签语法

Labelfor='man '男/label

标签中的文本需要更多的填充

标签标签中的for属性的值是用户自定义的，一般与点击触发的控件对象对应的ID相同。

三、标签的实际应用

该HTML代码片段如下：

formaction=' ' method=' get '

性别：br

input name=' sex ' id=' man ' type=' radio ' value=' ' ' '/

Labelfor='man '男/label

input name=' sex ' id=' woman ' type=' radio ' value=' ' '/

Labelfor='女'女/label

/form

注意：输入标签中的id值对应于标签标签中的for值。

看图：

label.jpg

总结：一般点击单选按钮框文本或多选按钮框文本选择相应的选择按钮，并使用标签标签。请注意，for和id值是相同的。默认情况下，“标签”标签没有样式。可以用css设置css宽度，css高度，CSS边框等样式。新手可以多打代码，多尝试。希望这个教程能帮到你。

本文转载自中文网站