目录
任务描述相关知识编程要求测试说明代码示例任务描述
本关任务:对表单进行分组。
相关知识
为了完成本关任务,你需要掌握fieldset与legend元素来进行表单的分组。
对表单进行分组
fieldset为表单的一个子容器将所包含的内容以边框环绕方式显示。
legend为fieldset边框添加相关的标题
示例如下:
健康档案 身高
体重
界面效果如下: 表单分组
编程要求
仿照上面的示例,在右侧编辑器中的Begin - End区域内补充代码,具体要求是:
1.在之间添加legend标签为表单的分组添加题目;
2.在之间添加边框标题的设置,标题文字为“请选择个人爱好”;
3.在legend之后添加3个复选框。其name属性统一设置为“hobby”
预期输出
表单分组2
测试说明
补充代码后,请点击测评,平台会对你编写的代码进行测试,如果正确则完成闯关任务。
越努力越幸运,祝你成功!
代码示例
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>表单分组</title></head><body><form><!-- ********* Begin ********* --><fieldset><legend>请选择个人爱好</legend><input type="checkbox" name="hobby">音乐<input type="checkbox" name="hobby">体育<input type="checkbox" name="hobby">其它</fieldset><!-- ********* End ********* --></form></body></html>