html label标签–你必须知道的哪些事?


摘要:
下文讲述html中label标签的功能及举例说明


label标签的功能及用法

label标签常用于包裹一段文字信息,供html输出。

其实label标签还有独到的用处(大家必须注意)

1.label标签结合input标签一起使用,可以做到,点击label标签使光标聚集在input标签上
2.label标签结合checkbox标签一起使用,可使点击label标签达到选中checkbox标签的效果

label标签的举例说明

   <!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8"> 
  <meta name="Author" content="http://www.maomao365.com"> 
  <title>猫猫教程(www.maomao365.com)
  ---label标签应用举例说明
  </title>
  <style>
   .labTest:hover{
      background-color:blue;
	  color:white;
   }
  </style>
 </head>
 <body>
    <label for="txtTest" class="labTest">
     此label标签服务于input
	</label>
	<input type="text" id="txtTest"  />
 
     <br />
     <label for="chkTest" class="labTest">
     此label标签服务于checkBox
	</label>
	<input type="checkBox" id="chkTest"  />
 

    
 </body>
</html>
html lable标签举例说明

html lable标签举例说明