1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > EduCoder-Web程序设计基础-html5— 对表单元素分组-第2关:对表单元素分组

EduCoder-Web程序设计基础-html5— 对表单元素分组-第2关:对表单元素分组

时间:2019-06-11 23:55:34

相关推荐

EduCoder-Web程序设计基础-html5— 对表单元素分组-第2关:对表单元素分组

目录

任务描述相关知识编程要求测试说明代码示例

任务描述

本关任务:对表单进行分组。

相关知识

为了完成本关任务,你需要掌握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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。