单选/复选框中点击文字能选择该选项

为了提高用户体验，在单选/复选框中，点击文字选择相应选项这一操作是必不可少的。

因为单选/复选框的操作都差不多，所以本文以单选框作为例子说明：

• 主要的标签是<input>和<label>
• 重点在于<label>标签的for属性的值应该与<input>标签的id属性的值相等

代码如下：

    <input type="radio" name="sex" value="girl" id="sexgirl">
    <label for="sexgirl">女</label>
    <input type="radio" name="sex" value="boy" id="sexboy">
    <label for="sexboy">男</label>

效果图如下：
综上，其想要点击文字选择选项，应该将<label>中for的值== <input>中id的值。