我們填寫表單時會遇到單選項,有時只能選前面的圈圈才能選中,這種體驗不是很好。所以我們需要即使點擊圈圈后的文字也能選中單選項。
下面以表單最常見的男女選項舉例。
第一種方法:
<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元素即可