目录
任务描述
本关任务:创建一组单选框,name
属性值为marry
,默认选中未婚
。
要求:对每一个选项使用<p>
标签进行换行。
效果如下:
婚姻状况:
未婚
已婚
相关知识
checked
属性
在填写兴趣爱好时,男生基本都喜欢篮球,这时就可以在多选框里默认选择篮球,方便信息的填写,不喜欢的可以不选。
这里在需要添加默认选中的多选框里添加checked
属性即可,其默认值为checked
。
例子如下:
<input type="checkbox" name="hobby" />足球 <br>
<input type="checkbox" name="hobby" checked="checked"/>篮球 <br>
<input type="checkbox" name="hobby"/>乒乓球
效果如下:
足球
篮球
乒乓球
需要注意的是:
-
只要有
checked
属性就会被默认选中,不管它的值是什么; -
不想被默认选中,不添加
checked
属性就可以了。
下面这三种情况都会被选中。
<input type="checkbox" name="hobby" checked="checked"/>足球 <br>
<input type="checkbox" name="hobby" checked="false"/>篮球 <br>
<input type="checkbox" name="hobby" checked/>乒乓球
效果如下:
足球
篮球
乒乓球
为了规范书写,一般添加checked="checked"
就可以了。
checked
属性 与 <input type="checkbox"/>
或 <input type="radio"/>
一起配合使用。
编程要求
请仔细阅读右侧代码,结合相关知识,在 Begin-End
区域内进行代码补充,完成一组单选框的创建任务并设置单选框默认选择为未婚
。
测试说明
平台会对你的代码进行运行测试,如果实际输出结果与预期结果相同,则通关;反之,则 GameOver
。
赶快试一下吧!!!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
婚姻状况:<br>
<!-- ********* Begin ********* -->
<p><input type="radio" name="marry" checked="checked">未婚</p>
<p><input type="radio" name="marry">已婚</p>
<!-- ********* End ********* -->
</body>
</html>