首页 > 软件操作教程 > 编程开发 > HTML
题目内容

HTML <input>标记 3.单选按钮

题目答案

单选按钮(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>

image.png

网友评论(共0条评论)

请自觉遵守互联网相关政策法规,评论内容只代表网友观点!

最新评论

点击加载更多评论>>

软件操作 新人注册送三重礼

已有 22658 名学员学习以下课程通过考试

相关视频试题

最需教育客户端 软件问题一手掌握

去 App Store 免费下载 iOS 客户端