在刚刚开始学习html的lable标签时候,对其不是太熟悉,可能是囫囵吞枣地学习吧,当再次仔细学习的时候,突然就明白了它的一种用法,所以就暂时把它记录下来;
在单选的标签前使用lable标签来显示提示信息,然后让lable的for属性值为控件id的值,则可实现当用户用鼠标点击lable的文本时,就可选择单选控件的内容;代码如下
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>form中的lable标签</title>
</head>
<body>
<form>
<label for="male">男</label>
<input type="radio" name="gender" id="male" />
<br />
<label for="female">女</label>
<input type="radio" name="gender" id="female" />
<br />
<label for="email">输入你的邮箱地址</label>
<input type="email" id="email" placeholder="Enter email">
<br/>
<label for="one">慢跑</label>
<input type="checkbox" id="one" name="run"/>
<label for="2">登山</label>
<input type="checkbox" id="2"/>
<label for="3">篮球</label>
<input type="checkbox" id="3"/>
</form>
</body>
</html>