如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
有两种使用方法：
方法1 使用for属性
<label for="userName">用户名：</label><input type="text" id="userName"/>
方法2
<label>用户名：<input type="text"/></label>
在使用单选按钮radio或者多选按钮checkbox的时候，有时需要在选中文字的时候就要选中单选或者多选按钮，这同样可以使用类似上面的方法。
方法1
<label><input type="radio" />用户名</label> <label><input type="checkbox">学校</label>
方法2 使用for属性
<label for="userName">用户名</label> <input type="radio" id="userName" /> <label for="userName">用户名</label> <input type="checkbox" id="userName" />