目录
任务描述
本关任务:创建一组多选框,name
属性值为relax
。
要求:对每一个选项使用<p>
标签进行换行。
效果如下:
休闲方式:
逛街
看电影
宅
相关知识
一般在填写个人信息的时候,都会有选择兴趣爱好,是可以选择多个的,这里就用到了多选框 。
你可以使用<input type="checkbox"/>
来创建一个多选框。
需要注意的是:同一组多选框的name
属性的值要一样。
例子如下:
<input type="checkbox" name="hobby" />足球 <br>
<input type="checkbox" name="hobby"/>篮球 <br>
<input type="checkbox" name="hobby"/>乒乓球
效果如下:
足球
篮球
乒乓球
这里type="checkbox"
,表示多选框。
编程要求
请仔细阅读右侧代码,结合相关知识,在 Begin-End
区域内进行代码补充,完成一组多选框的创建任务。
测试说明
平台会对你的代码进行运行测试,如果实际输出结果与预期结果相同,则通关;反之,则 GameOver
。
赶快试一下吧!!!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
休闲方式:<br>
<!-- ********* Begin ********* -->
<p><input type="checkbox" name="relax">逛街</p>
<p><input type="checkbox" name="relax">看电影</p>
<p><input type="checkbox" name="relax">宅 </p>
<!-- ********* End ********* -->
</body>
</html>