制作“社区疫情流动信息表”打开编辑器，新建case_form.html文件，完成基础代码，并在body里面添加一个H1标题标签，在H1标题标签里面输入“社区流行病疫情信息表”，为h1标签定义一个水平居中的align属性，取值为center。接下来添加一个p标签，将事先准备好的文字粘贴到p标签中，并在文字前加上两个，达到首行缩进的效果。保存页面。在浏览器中打开页面，标题和段落就准备好了。让我们开始制作表格。回到编辑器，在段落标签后面添加一个form标签，在form中添加fieldset和legend标签，达到基本信息区域分组的效果。在图例标签中添加文字：“基本信息”。节省。回到浏览器，刷新，“基本信息”分组边框就做好了。回到编辑器，继续添加一个h4标签，在标签里面添加文字“1.你的名字”。继续添加一个input标签，将type属性值设置为text，或者不定义type属性，使用默认单行输入框的控件类型。回车和换行。然后添加h4标签，在标签内添加文字“2.您的手机号码”。添加另一个输入标签。由于手机号码输入框默认是文字显示，不能修改，所以需要先定义一个value属性，设置值为137四星2473,"137**2473",然后定义一个只读属性。节省。回到浏览器，刷新，效果就实现了。回到编辑器中，再添加一个h4标签并为其添加文本“3.yourgender”。回车和换行。使用emmet语句：input[type=radioname=gender]*3，按tab键，快速补全三个输入标签，在标签后面加上文字“男，女，机密”。然后将禁用属性添加到第三个输入。节省。回到浏览器，刷新，性别选择完成。返回到编辑器并添加一个h4标签，给它文本“4.HomeAddress”。回车和换行。家庭住址是四个选择下拉菜单和一个文本字段标签。先写一个select标签，标签里面加一个option标签，填写下拉菜单的选项，然后copy，一共四个。填写每个选项标签内的文本。在第四个下拉菜单位置添加一个br标签，然后添加一个textarea多行文本输入框标签，定义属性cols等于65，rows等于4，在标签内添加“在此填写详细地址”提示用户。注意，多行文本输入框的默认文本需要在textarea中添加，不能通过为textarea定义value属性来实现！回到浏览器，刷新，家庭住址就创建好了！回到编辑器，或者先添加一个h4标签，添加文字“5.您目前的身体状况”。回车和换行。编写并使用emmet语句：输入括号type等于checkbox乘以12(input[type=checkbox]*12)，按tab键生成12个checkbox。在每个复选框后添加相应的文本。节省。返回浏览器，刷新，实现身体状况信息查看功能。回到编辑器，制作最后三组数据采集函数。都是单选，为了节省时间，我赶紧把剩下的代码写完了。这里，我们分别为三组单选框定义name属性值，分别是“color”、“close”和“vaccines”，表示健康码的颜色、是否close、疫苗接种情况.节省。返回浏览器并刷新。所有三组无线电选择都已完成。文章配套视频链接https://www.bilibili.com/video...
