Appropriate label tags associated with inputs

label是可点击的，当点击lable时，对应的表单元素会被focused。 label与表单元素的配合方式有两种：

• 用label包裹住input，这种方式无需使用for属性就可以达到点击label时聚焦input的效果
• 对input使用id，对label使用for，这种方式的好处是，label不一定要和input放在一起

<div>
  <label for="username">Name: <abbr title="required">*</abbr></label>
  <input id="username" type="text" name="username">
</div>

Best practice

• 为label设置for属性，值为对应input的id
• 尽量使label所占的区域大一些，方便点击，尤其是单选按钮和复选框的label
• 避免对同一个表单元素使用多个label，一些辅助设备可能无法正确识别多个label从而造成错误