html单选按钮默认选中如何做

本文小编为大家详细介绍“html单选按钮默认选中如何做”，内容详细，步骤清晰，细节处理妥当，希望这篇“html单选按钮默认选中如何做”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

　　首先我们介绍的是在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>

读到这里，这篇“html单选按钮默认选中如何做”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注亿速云行业资讯频道。