點擊radio后的文字選中

我們填寫表單時會遇到單選項，有時只能選前面的圈圈才能選中，這種體驗不是很好。所以我們需要即使點擊圈圈后的文字也能選中單選項。

下面以表單最常見的男女選項舉例。

第一種方法：

<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

第二種方法：

<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元素即可