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>
继续查找其他问题的答案?
相关视频回答
回复(0)
点击加载更多评论>>