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
html radio点击变颜
<input type="radio" name="radio" value="3">单选3
<input type="radio" name="radio" value="4">单选4
</form>
效果依旧很明显,看效果图:
这上⾯我没做任何的点击,⾃⼰出现在那上⾯的,刷新过后还能看到在单选2上⾯。
我们就可以看到,这样就把单选框给默认选中了,⼤家可以⾃⼰试试,多敲敲代码。
好了,以上就是这篇关于html input标签做单选按钮的⽂章了,有问题的可以在下⽅提问。
以上就是html单选按钮默认选中怎么做?input标签的单选按钮⽤法实例的详细内容,更多请关注我