点击单选按钮旁边的字选中单选按钮的方法 | 胡鹏博客
首页 > 其它 > 点击单选按钮旁边的字选中单选按钮的方法
2013八月17

点击单选按钮旁边的字选中单选按钮的方法

我们在程序开发的过程中,偶尔要用到单选按钮这个标签,但是非要我们去选择那个圆点,有时候比较麻烦,这对用户的体验来说不是特别好,那么我们通常会考虑,只要点击按钮旁边的字就可以选中相应的单选按钮,那方法是什么样的呢?一起来看下面的这两种方法。
第一种方法代码如下:
<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,这样就是显式形式。

更多

文章作者:东莞seo
本文链接地址:http://www.seostudying.com/1610.html
欢迎转载,转载请注明出处»胡鹏博客 [点击单选按钮旁边的字选中单选按钮的方法]

本文目前尚无任何评论.
您必须在 登录 后才能发布评论.