共计 1219 个字符，预计需要花费 4 分钟才能阅读完成。
关上编辑器，持续在 case_form.html 页面中编写代码。
在“根本信息”fieldset 分组标签 完结的地位处，回车换行。再增加一组 fieldset 与 legend 标签，在 legend 标签内，填入文本“窃密信息”，实现区域的分组成果。在浏览器中关上页面，“窃密信息”分组边框就做好了。
回到编辑器，增加 h4 题目标签，标签外部增加文本“1. 身份证信息”。回车换行，再增加文本：“侧面：”，在文本后增加 input 标签，type 属性值设置为 file，定义文件抉择控件。再增加一个 br 标签。
接着增加文本“背面：”，在文本后增加 input 标签，并将 input 标签的 type 属性值设置为 file。保留。回到浏览器，刷新，能够在表单中抉择本地文件了。
返回编辑器，再增加一个 h4 题目标签，在标签外部增加文本“2. 学历信息 (最高) :”。
接着增加一个 select 标签，在标签里增加 5 个 option，把“研究生，本科，专科，高中，高中以下”等信息添入进来。再增加一个 h4 题目标签，增加文本“3. 是否服兵役 :”。input 中括号 type 等于 radio name 等于 ismilitary [ˈmɪlətri] (ismilitary 是两个单词 is military，读音留神) 乘以 2, (input[type=radio name=ismilitary]*2) 按 tab 键 补全代码。为了加强用户体验，实现当点击文本时也能选中单选控件，须要创立两个 label 标签。在第一个 label 标签里，添入文本是，定义 for 属性等于 yes。在第二个 label 标签里，添入文本否，定义 for 属性等于 no。最初再给两个 input 控件别离定义属性 id 等于 yes，id 等于 no。保留。回到浏览器，刷新。是否服兵役的抉择成果实现了。
持续增加 h4 标签，增加文本“4. 集体意见 :”。增加一个 textarea 多行文本输入框，定义属性 cols 等于 60，rows 等于 5，设置好可见窗口的大小。保留。回到浏览器，刷新。集体意见的输入框定义好了。
至此，根本信息和窃密信息的表单输出控件就都做好了！最初，制作表单按钮控件。回到编辑器，在“窃密信息”区域分组标签的完结地位，回车换行。增加三个 input 标签，将 input 标签的 type 属性值，别离设置成“submit”“reset”“image”。接下来，为第一个提交按钮定义 value 属性，值设置为“上传信息”。
为第二个重置按钮，定义 value 属性，值设置为“清空信息”。为第三个图像提交按钮，定义 src 属性，设置好图片的门路地址。在 form 标签中，定义 target 属性，值设置为下划线 self (_selef)，再定义 action 属性，值设置成：后端小伙伴提供的服务器地址。保留。回到浏览器，刷新。填写一些表单信息，点击“上传信息”按钮，表单信息胜利提交给了后端页面！
文章配套视频链接 https://www.bilibili.com/vide…