单选按钮(radio button)是较小的圆形按钮,它允许用户从一个选项列表中选择单个选项。只需使用input元素并将type特性设置为radio,就可以创建单选按钮。当用户通过单击单选按钮选中其中一个选项时,单选按钮的圆形图标中会显示一个圆点。在定义选项时,必须保证同一组的单选框的name属性值一样,这样才能在一组选项中做出一个选择。
本例是创建单选按钮,两个单选框的name属性的属性值是必须一样的,网页打开默认男生的单选框被选中,是因为在input中设置了属性checked,如果需要有一默认选中选项的话,可用checked设置,但只需在其中一个设置。
代码如下:
<!DOCTYPE html>
<html>
<head>
<title>单选按钮</title>
</head>
<body>
<form>
<br/><br>
性别<br/><br/>
<input type="radio"name="radio1" value-"男生"checked="checked"/>男生<br/><br/>
<input type="radio"name="radio1" value="女生"/>女生
</form>
</body>
</html>
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>