本文主要介绍如何使用html输入标签的单选按钮,以及如何使用HTML输入标签的默认单选按钮。接下来我们来看看这篇文章。
首先,我们介绍一下html输入标签中单选按钮的做法:
& lt输入& gt标签用于收集用户信息。根据不同的类型属性值,输入字段有多种形式。输入字段可以是文本字段、复选框、屏蔽文本控件、单选按钮、按钮等。
话不多说,以上代码示例:
> <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中的单选按钮实现了男女性别选择,男女皆可选择。实现方法:在button属性中写一个name属性,将name的值设置为相同的值。
> <input id="***n" type="radio" checked="checked" name="1" />男> > <input id="wo***n" 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>
效果还是很明显的。看效果图:
我没有点击它。我自己在上面出现过,刷新后还能在二台看到。
我们可以看到单选框是默认选中的,你可以自己试试,多点点代码。
本文来自傲娇小伙子投稿,不代表舒华文档立场,如若转载,请注明出处:https://www.chinashuhua.cn/24/519492.html