胡鹏博客

我们在程序开发的过程中，偶尔要用到单选按钮这个标签，但是非要我们去选择那个圆点，有时候比较麻烦，这对用户的体验来说不是特别好，那么我们通常会考虑，只要点击按钮旁边的字就可以选中相应的单选按钮，那方法是什么样的呢？一起来看下面的这两种方法。
第一种方法代码如下：
<label><input name="radio1" type="radio" value="胡鹏博客seo技术" />seo</label>
<label><input name="radio1" type="radio" value="胡鹏博客php技术" />php</label>
第二种方法代码如下 ：
<input name="radio2" type="radio" value="seo"  id="a1"/><label for='a1'>seo</label>
<input name="radio2" type="radio" value="php"  id="a2" /><label for='a2'>php</label>
总结：第一种方法比较简单，我们就不详细介绍了，我们介绍一下第二种方法，运用label中的for这个属性。for 属性规定 label 与哪个表单元素绑定。将表单控件作为标记标签的内容，这样的就是隐式形式，或者为 <label> 标签下的 for 属性命名一个目标表单 id，这样就是显式形式。