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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM