测试你的技能:表单结构

此技能测试的目的是评估您是否理解了我们的 如何构建 Web 表单 文章。

注意:您可以在此页面上的交互式编辑器或在线编辑器(如CodePenJSFiddleGlitch)中尝试解决方案。

如果您遇到困难,可以通过我们的沟通渠道之一联系我们。

表单结构 1

在本任务中,我们希望您对提供的表单功能进行结构化。

  1. 将前两个和后两个表单字段分别分离到两个不同的容器中,每个容器都带有描述性图例(前两个使用“个人详细信息”,后两个使用“评论信息”)。
  2. 使用适当的元素标记每个文本标签,以便它在语义上与其相应的表单字段相关联。
  3. 在标签/字段对周围添加合适的结构元素,以将其分隔开。

下载此任务的起点,以便在您自己的编辑器或在线编辑器中进行操作。