整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

html单选按钮默认选中怎么做?input标签的单选按钮实例

篇文章主要的向大家介绍了关于html input标签的单选按钮的使用方法,还有关于HTML input标签的单选默认按钮的做法。接下来我们一起来看看这篇文章吧

首先我们介绍的是在html input标签中的单选按钮的做法:

<input> 标签用于搜集用户信息。根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

话不多说,上代码实例:

> <form action="form_action.asp" method="get">
> 
> <input type="radio" name="radio" value="1">单选1
> 
> <input type="radio" name="radio" value="2">单选2
> 
> <input type="radio" name="radio" value="3">单选3
> 
> <input type="radio" name="radio" value="4">单选4
> 
> </form>

这个的效果很容易看到,我们还是先看看浏览器中的显示效果吧:



这个效果一眼就能看到,很简单的一个代码

还有种是很多网站上都是经常见到的,比如:单选性别,这个基本上都是用这种单选框去制作的。代码如下:

HTML中的单选按钮实现男女性别选择,不让男女同是都能都能选择,实现方法:在按钮的属性里写一个name属性,并且把name的值设置成相同的

> <input id="man" type="radio" checked="checked" name="1" />男
> 
> <input id="woman" type="radio" name="1"/>女

这个就不给图了,比上面那个还简单,就两个单选框,我们经常遇到的这个。

现在来说说HTML单选框按钮怎么默认选中:

首先我们先把第一个实例拿出来继续说,我们只需要在其中加一个属性,如下:

> <form action="form_action.asp" method="get">
> 
> <input type="radio" name="radio" value="1">单选1
> 
> <input type="radio" name="radio" value="2" checked>单选2
> 
> <input type="radio" name="radio" value="3">单选3
> 
> <input type="radio" name="radio" value="4">单选4
> 
> </form>

效果依旧很明显,看效果图:



这上面我没做任何的点击,自己出现在那上面的,刷新过后还能看到在单选2上面。

我们就可以看到,这样就把单选框给默认选中了,大家可以自己试试,多敲敲代码。

好了,以上就是这篇关于html input标签做单选按钮的文章了,有问题的可以在下方提问。

以上就是html单选按钮默认选中怎么做?input标签的单选按钮用法实例的详细内容,更多请关注我!!!

我自己是一名从事了多年开发的web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年我花了一个月整理了一份最适合2020年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴,想要获取的可以关注我的头条号并在后台私信我:前端,即可免费获取。

Execl第11课中,我们利用【数据验证】中的【序列】功能限制输入性别,今天我们利用自定义数据类型的方式实现快速输入性别。

自定义格式:[=1]"男";[=2]"女"

相较于【数据验证】中的【序列】功能,这种方式的优点在输入简便,但缺点是无法进行数据验证,同时这种方法最多只能设置3个类别,多了就会报错。

喜欢的话请点赞+关注,鼓励一下,谢谢大家!

个网站,输入男主角女主角的名字,自动生成沙雕小说。

挺有趣的,下面拿牛郎和织女测试一下。



牛郎一直是一副天生我最牛逼的模样,而同样他喜欢的织女也是这样一个人。
“喂,今天上课路上我离你只有3000多公里,我喊你为什么不理我!”
“你管我?我就是不想理你,要那么多理由干嘛!”织女毫不客气的回应道。
“你这女人,能不能对我说话客气点!”牛郎生气的说道。
织女听完很不屑,跳了一下:“我说话就这样,你能把我怎么样啊!”
“你走那么快干嘛!拖孩都掉了”
织女不但不听牛郎的话,反而走的更快了。
牛郎彻底被织女激怒了,一个加速度为10m/s的冲刺狠狠的拉住了织女的咸猪手。
织女也毫不示弱,“牛郎!你到底要干嘛!”
“我想干嘛?”,牛郎左脚踩右脚,右脚踩左脚,一下就飞上了天,居高临下的看着织女:
“从现在开始,你就是我女朋友了,所以你必须要理我!”
织女抬头,这是第一次这么仔细的看牛郎。
一米五几的身高,白里透红红里透粉粉里透绿的脸庞,低垂着的长长的睫毛下,竟挂着一颗超级可爱的眼屎,高傲的鼻梁仿佛能撑起一座大山。
原来他这么好看呢。
“心跳的好快呢......糟了,是心梗的感觉”,织女心想。
牛郎撑开降落伞,安稳落地,温柔的和织女对视了足足三个小时,然后慢慢闭上了眼睛。
织女见状,也慌忙的闭上了眼睛。
这个吻很甜,让织女欲罢不能,吻了还想再吻。
牛郎慢慢睁开了眼睛,看到织女那番享受的模样不禁吭哧一声笑了出来,织女睁眼看到牛郎在嘲笑自己,刚才的感觉一下子没有了。
“???你笑个JB!”
牛郎坏坏的笑着说,“怎样,刚才的吻是不是有点甜。”
织女邪魅一笑,“你过来我偷偷给你说个事。”
“什么?”
“你以后别再亲我了,你有口臭!!!”,织女说完拔腿就开始跑,怕被挨打。
牛郎一直追着织女喊,“喂,你的假肢,你的假肢不要了?”
就这样,从此以后牛郎便和织女两个人过上了打打杀杀的幸福生活。


网址:http://wb.newbfun.com/xsscq.html

更多有趣,资源,关注微信公众号:沉木之家