html中的label标签使用方法

这次给大家介绍的是html中的label标签使用方法，我们都知道一个完整的表单是由表单标签<form></form>与其中包裹的各种表单控件组成的，那么LABEL标签就是一种常见的表单控件了。

先举个例子：

[html] view plain copy
<label for="email">E-mail:</label>  
<input type="text" id="email"> 

表单控件都是内联元素所以他俩会在一行显示。在网页中当我们点击E-mai字样或文本框时都会在文本框中出现光标，这个就是label标签的功能了。说白了label标签就是他所关联的表单控件的延伸，即鼠标点击了他，就会出现和点击他所关联的表单控件一样的效果。而这前提是label的for属性的属性值与想要关联的表单控件的id一样。

若不想用id和for关联还可用第二种方法。

[html] view plain copy
</pre><pre name="code" class="html"><label>E-mail:<input type="text"></label> 

效果是和以前一样的。

当然其他表单控件也可以与label关联。比如下面的例子：

[html] view plain copy
<label for="a">a:</label> <input type="radio" id="a"><br>  
[html] view plain copy
<pre name="code" class="html" style="font-size: 14px;"><label for="b">b:</label> <input type="radio" id="b"><br>  
[html] view plain copy
<label for="c">c:</label> <input type="radio" id="c"> 

怎么用CSS修改鼠标样式

以上就是html中的label标签使用方法的详细内容，更多请关注Gxl网其它相关文章！

查看更多关于html中的label标签使用方法的详细内容...