HTML点击单选按钮radio后面的文字即可选中单选按钮

HTML标签radio是单选按钮，正常情况下，我们只有点击单选框时才会被选中，这样非常不利于用户体验，所以我们一般会在使用单选按钮的时候，让用户即使点击到该单选按钮对应的文字上，也可以选择该单选按钮，使用的就是一个label的一个for属性，把这个for属性指定到radio的id值上即可：

 

<input type="radio" id="male" name="sex" checked="checked" /><label for="male">男</label>  
<input type="radio" id="female" name="sex" /><label for="female">女</label>