label与for进行绑定实现文字点击选择按钮功能

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_41033913/article/details/88045228

我们在写按钮的时候,有时候会碰到只可以点击那个小圆圈才能对按钮进行选择,如何实现对文字进行点击的时候也可以实现对按钮的选择呢?其实只要加一个for属性就可以了

<input type="radio" name="radio1" id="radio1-1" />
<label>选项一</label>
<input type="radio" name="radio2" id="radio1-2" />
<label for="radio1-2">选项二</label>

选项一和选项二的区别就是,选项一只能点击按钮,而选项二可以点击文字进行选择

这是因为第二个按钮里面的id与label里面的for进行了一个绑定

猜你喜欢

转载自blog.csdn.net/qq_41033913/article/details/88045228