HTML <label> 标签

最新推荐文章于 2023-08-06 01:35:14 发布

weixin_33698823

最新推荐文章于 2023-08-06 01:35:14 发布

阅读量60

点赞数

原文链接：http://www.cnblogs.com/wuyuwuyueping/p/9023279.html

版权

定义：

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>

转载于:https://www.cnblogs.com/wuyuwuyueping/p/9023279.html

weixin_33698823

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML <label> 标签

定义：1、<label>标签为input 元素定义标注（标记）2、label标签不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性：当在label元素内点击文本，浏览器就会自动将焦点转到和标签相关的表单控件上。（通过使用for属性）属性：1、for ：用法及描述：可把label绑定到另外一个元素。"for"属性的值设置为绑定的相关元素的id属性...
复制链接

扫一扫