HTML单选按钮

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

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

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

1. 单选按钮其它属性

单选按钮的其它属性
其它属性	说明
checked	用来规定在页面加载时应该被预先选定的 input 元素。
value	用来定义被选中时发送到服务器的值。同一组中每个按钮的值应该不同，这样服务器才能辨别提交的是哪一项。
id	规定 HTML 元素的唯一 id。id 值在整个页面是唯一的，不会重复。

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>

运行结果如图所示：