介绍
HTML <fieldset>
标签用于将 HTML 元素分组,它可以帮助创建结构化和组织良好的文档。使用 <fieldset>
标签可以将表单中的相关字段分组,以更有条理的方式显示表单字段。
在本实验中,我们将演示如何使用 <fieldset>
标签来创建结构化和组织良好的表单。
注意:你可以在 index.html
中练习编码,并学习如何在 Visual Studio Code 中编写 HTML。请点击右下角的“Go Live”以在端口 8080 上运行 Web 服务。然后,你可以刷新 Web 8080 标签以预览网页。
Skills Graph
%%%%{init: {'theme':'neutral'}}%%%%
flowchart RL
html(("`HTML`")) -.-> html/BasicStructureGroup(["`Basic Structure`"])
html(("`HTML`")) -.-> html/LayoutandSectioningGroup(["`Layout and Sectioning`"])
html(("`HTML`")) -.-> html/FormsandInputGroup(["`Forms and Input`"])
html(("`HTML`")) -.-> html/AdvancedElementsGroup(["`Advanced Elements`"])
html/BasicStructureGroup -.-> html/basic_elems("`Basic Elements`")
html/BasicStructureGroup -.-> html/head_elems("`Head Elements`")
html/LayoutandSectioningGroup -.-> html/layout("`Layout Elements`")
html/LayoutandSectioningGroup -.-> html/doc_flow("`Document Flow Understanding`")
html/FormsandInputGroup -.-> html/forms("`Form Elements`")
html/FormsandInputGroup -.-> html/form_group("`Grouping Form Elements`")
html/FormsandInputGroup -.-> html/form_access("`Accessibility in Forms`")
html/AdvancedElementsGroup -.-> html/custom_attr("`Custom Data Attributes`")
subgraph Lab Skills
html/basic_elems -.-> lab-70756{{"`HTML 表单分组`"}}
html/head_elems -.-> lab-70756{{"`HTML 表单分组`"}}
html/layout -.-> lab-70756{{"`HTML 表单分组`"}}
html/doc_flow -.-> lab-70756{{"`HTML 表单分组`"}}
html/forms -.-> lab-70756{{"`HTML 表单分组`"}}
html/form_group -.-> lab-70756{{"`HTML 表单分组`"}}
html/form_access -.-> lab-70756{{"`HTML 表单分组`"}}
html/custom_attr -.-> lab-70756{{"`HTML 表单分组`"}}
end