位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

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

提问人:刘团圆发布时间:2020-11-11

单选按钮(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)
返回顶部