HTML <label> 标签

定义：
1、<label>标签为input 元素定义标注（标记）
2、label标签不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性：当在label元素内点击文本，浏览器就会自动将焦点转到和标签相关的表单控件上。（通过使用for属性）
 
属性：
1、for ：
  • 用法及描述：可把label绑定到另外一个元素。"for"属性的值设置为绑定的相关元素的id属性值。
2、form：
  • 用法：规定label字段所属的一个或多个表单（未完待续）
 
举例：
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>label 标签 for元素使用</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="main.js"></script>
</head>
<body>
    <p>点击下列表单其中的文本,可触发相关控件</p>
    <form>
        <label for="male">Male</label>
        <input type="radio" name="sex" id="male"/>
        <br/>
        <label for="female">Female</label>
        <input type="radio" name="sex" id="female"/>
    </form> 
</body>
</html>

 

 

 

posted @ 2018-05-11 10:25  wuyueping  阅读(182)  评论(0)  编辑  收藏  举报