lable 标签 三个复选框的id与lable标签对应的for属性的值一致，但是选中第三个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/>
你对什么运动感兴趣：<br/>
<label for="mpao">慢跑</lable>
<input type="checkbox" name="type" id="mpao" /><br/>
<label for="dshan">登山</label>
<input type="checkbox" name="type" id="dshan"/><br/>
<lable for="lqius">篮球</lable>
<input type="checkbox" name="type" id="lqius"/>
</form>
</body>
</html>
