码迷,mamicode.com
首页 > Web开发 > 详细

html 单选框

时间:2020-06-24 09:14:26      阅读:1589      评论:0      收藏:0      [点我收藏+]

标签:activity   load   相同   学习java   check   学习   code   alt   多个   

<input type="radio" > 表示单选框

示例 1 : 

单选框

两个单选,都可以同时选中。 为了达到,同一时间,只能选中其一的效果,需要使用分组

单选1 <input type="radio" >
单选2 <input type="radio" >

技术图片

 

 

 

示例 2 : 

默认选中

默认选中 <input type="radio" checked="checked" >

技术图片

 

 

示例 3 : 

分组

分组即,多个单选框,都在一个分组里,同一时间,只能选中一个单选框
设置name属性相同即可

<p>今天晚上做什么?</p>
 
学习java<input type="radio" name="activity" value="学习java" > <br/>
东京热<input type="radio" checked="checked"  name="activity" value="tokyohot" > <br/>
dota<input type="radio" name="activity" value="dota" > <br/>
LOL<input type="radio" name="activity"  value="lol"> <br/>

技术图片

 

html 单选框

标签:activity   load   相同   学习java   check   学习   code   alt   多个   

原文地址:https://www.cnblogs.com/JasperZhao/p/13185740.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!