radio按钮组和label标签

Posted harrytree

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了radio按钮组和label标签相关的知识,希望对你有一定的参考价值。

1.html中怎么把单选按钮规为一组?

设置他们的name属性一个名字就可以了。
<input type="radio" name="aaa">男
<input type="radio" name="aaa">女

2.label标签
2.1for关联
<label for="email">E-mail:</label>  
<input type="text" id="email">  
 label标签就是他所关联的表单控件的延伸,即鼠标点击了他,就会出现和点击他所关联的表单控件一样的效果。而这前提是label的for属性的属性值与想要关联的表单控件的id一样。
2.2若不想用id和for关联还可用第二种方法。
<pre><pre name="code" class="html">
<label>E-mail:<input type="text"></label>  
效果是和以前一样的。

以上是关于radio按钮组和label标签的主要内容,如果未能解决你的问题,请参考以下文章

elementUI单选框获取值

Rails simple_form - 是否可以只显示按钮标签的radio_buttons?

表单的label标签的使用技巧

radio button(单选按钮)

将单选按钮与相应的标签对齐

Laravel 刀片标签标签中的单选按钮