我们在写表单的时候,在radio和checkbox会添加<lable>,这个标签的作用就是让我们点击文字的时候也可以选择上。
代码示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="" method="">
<!-- 在radio 添加label标签,for属性关联radio的id,我们点击文字的时候也可以选中 -->
<label for="radio1">男</label>
<input type="radio" name="radio" id="radio1"/>
<label for="radio2">女</label>
<input type="radio" name="radio" id="radio2" /><br/>
<!-- 在checkbox 添加label标签,for属性关联checkbox的id,我们点击文字的时候也可以选中 -->
<label for="yuwen">语文</label>
<input type="checkbox" name="yuwen" id="yuwen"/>
<label for="shuxue">数学</label>
<input type="checkbox" name="shuxue" id="shuxue"/>
<label for="yingyu">英语</label>
<input type="checkbox" name="yingyu" id="yingyu"/>
</form>
</body>
</html>
图示:
当我们点击文字的时候也可以选中,<label>标签的作用就是这个。