<label>标签--表单标签

1.<label> 标签为 input 元素定义标注（标记）。

2.不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

3.第一种方法：利用for和id进行绑定（for 属性应当与相关元素的 id 属性相同）

第二种方法：<input>嵌套在<label>里面
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>label</title>
</head>
<body>
    <form action="">
        <!-- 第一种方法：利用for和id -->
        <!--  第二种方法：<input>嵌套在<label>里面  -->
        <label for="username">用户：</label><input type="text" name="username" id="username"/>
        <label>密码：<input type="password" name="password"/></label>
        <hr />
        <label for="work">已完成作业：</label><input type="radio" name="work" id="work"/>
        <label>未完成作业：<input type="radio" name="work"/></label>
        <hr/>
        <input type="submit" value="提交"/>
    </form>
</body>
</html>

　　

 

posted @ 2019-07-07 09:58  C_XingM  阅读(213)  评论(0)    收藏  举报