点击选项框后面文字部分也可以选中选项

前言

在做有很多单选题、多选题的页面时，一开始没有考虑到用户选中选项非常困难，后来经过优化，实现让用户点击选项后的选项就可以轻易选中。显然，这提高了用户体验！

第一种方法

<form action="">
	<input type="radio" name="sex" value="male" id="radio1">
    <label for="radio1">男</label>  <br>
	<input type="radio" name="sex" value="female" id="radio2">
    <label for="radio2">女</label>
</form>

添加label标签，然后添加for属性，关联对应radio的ID（即让label中的for属性值=input中id值）。

第二种方法

<form action="">
<label><input type="radio" name="sex" value="male" id="radio1">男</label>  <br>
<label><input type="radio" name="sex" value="female" id="radio2">女</label>
</form>

直接在选项外面添加lable元素即可。

赏

谢谢你请我吃糖果