欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML点击单选按钮radio后面的文字即可选中单选按钮

程序员文章站 2022-07-07 19:58:20
...

HTML标签radio是单选按钮,正常情况下,我们只有点击单选框时才会被选中,这样非常不利于用户体验,所以我们一般会在使用单选按钮的时候,让用户即使点击到该单选按钮对应的文字上,也可以选择该单选按钮,使用的就是一个label的一个for属性,把这个for属性指定到radio的id值上即可:

 

<input type="radio" id="male" name="sex" checked="checked" /><label for="male">男</label>  
<input type="radio" id="female" name="sex" /><label for="female">女</label>