web tips——radio单击区域

今天，小V为radio单击，只能点击圆圈才能选中寻找解决方法，怎么让它的单击区域变大，其中一个方法是label……

首先，我们需要知道html标签的input type=“radio”，是一个单选按钮，如下图：

如果仅是<input type="radio" name="question2">A. CSS ，那么它只能点击圆圈部分，才能变为实心点，也就是选中；

那么显然这不符合用户心理，用户肯定希望点击的区域大一些，这样更为人性化；

那么，怎么解决，添加label标签，如

<input type="radio" name="question1" id="1D"><label for="1D"><span>D. CSS</span></label>

label for 属性规定 label 与哪个表单元素绑定，同理，上述也等同于

<label><input type="radio" name="question1" ><span>D. CSS</span></label>,这个是隐式形式；

最后我们点击文字也可以选择了，也可以通过改变属性来调整自己想要的属性。

如有更好的解决方法，敬请指导，谢谢！