使用表单中的所有控件制作一个完整的表单。这个案例在我们之前的课程中经常提到——“流行病疫情信息表”。我们先来分析一下这个案例的各个部分,应该使用哪些HTML标签。“社区疫情信息表”的标题可以使用H1一级标题标签,标题下方有一段文字介绍。可以使用文章的段落p标签,段落开头有两个空格,使用即可实现。在段落信息下面,开始出现表单中的控件内容,因为表单需要收集页面所有控件输入的数据,所以最外层需要使用form标签。在“基本信息”区域,首先需要使用表单的fieldset和legend分组控制标签。在fieldset标签内部,所有控件的标题信息都可以使用h4title标签。h4标签可以实现加粗和换行,同时还可以实现提示文字和控件之间的间距。姓名和电话号码后面的输入框需要使用input输入框控件。性别单选功能需要使用输入单选按钮控件。选择并填写家庭住址,需要用到select下拉菜单控件和textarea多行文本框控件。选择身体状况,需要使用输入多选框控件。选择健康码的颜色,是否紧密相连,接种状态,需要使用输入单选按钮控件。制作基本信息表单时,需要注意三点:第一,手机号文本框默认已经填写了value,需要使用value属性。第二,电话号码文本框获得焦点后,控件中的文本不能修改,需要使用readonly属性。三、性别选择的机密项,按钮是灰色的,不能点击,需要使用disabled属性。在“机密信息”区域,也开始使用表单的字段集和图例分组控制标签。在fieldset标签内,所有的控件标题也是使用h4标签实现的。身份证信息需要上传附件,需要使用输入文件上传控件。选择学术信息区,需要使用选择下拉菜单控件。是否在军区服役,使用输入单选按钮控制。填写个人意见,使用textarea多行文本输入框控件。配音员(露脸):为了回顾一下标签控件和是否服兵役的选择,我们来实现一下点击文字选择选项的功能。最后,提交、重置和自定义图像按钮需要使用输入按钮控件,并使用值属性来定义按钮的名称。最后,提交、重置和自定义图像按钮需要使用输入按钮控件,使用值属性来定义按钮的名称。[文章支持视频链接](https://www.bilibili.com/video/BV1oU4y1278g?p=38)
