hosteons中文网

单选按钮在网页中很常见。例如《HTML <input>标签》中的性别字段，用户只能选择男或女中的一种，此时选用单选按钮再合适不过了。

在 HTML 中，把 <input> 标签的 type 属性设置为 radio 可以表示单选按钮。具体语法格式如下：

<input type="radio" />

同单行文本框和密码框一样，单选按钮要想被正确提交，也必须设置 name 属性。除了 name 属性之外，单选按钮还有几个其它属性，我们来看一下。

1. 单选按钮其它属性

1) checked属性

checked 属性用来设置页面加载时单选按钮的选中状态。当属性值为“checked”时，单选按钮会被选中。下面我们通过一个简单的示例来进行演示： 

<form action="http://vip.biancheng.net/login.php" method="post" name="formName">
       性别：<input type="radio" name="girl" checked="checked">女
       <input type="radio" name="boy" checked="checked">男
</form>

运行结果如图所示：

图1：同时被选中的单选按钮