html <lable>标签 

<lable>标签
<label> 标签为 input 元素定义标记：
意思是不会向用户呈现任何特殊效果。简单点说：当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
        <title>Title</title>
</head>
<body>
    性别：  <label for="male">男</label>
            <input id="male" type="checkbox">
            <label for="female">女</label>
            <input id="female" type="checkbox">
</body>
</html>

页面效果：
总结：
使用<lable>标签，里面的for元素的值一般设置为下面的input标签的 id 属性的值。
这样就实现了，当点击<lable>标签展现的这个文本时，自动聚焦到下面的input标签内绑定的id属性代表的页面控件里面。
如下:当点击“男”、”女”时，会自动聚焦选择后面的复选框；

因此
 <label for="female">女</label>
 <input id="female" type="checkbox">


ps:这个里面的input标签下的type可以为多种类型：checkbox、radio、text文本都可以,根据实际来使用吧

 

posted on 2021-01-10 15:41  QiKa  阅读(177)  评论(0)    收藏  举报