这一课,我们学习窗体的分组控件。查看“疫情信息表”案例,我们可以清楚地看到信息表中有两组边框,将用户需要填写的内容分为两个区域:基本信息区域和机密信息区域.如何实现这样一个带有边框和标题的表单控件?组控件的最外层使用了fieldset标签,语法为:fieldset,horn/fieldset。fieldset是fieldset的意思,引申为表单控件的分组。里面包裹着legend标签,语法是:cusplegend,cusp/legend。传说意味着解释。它为fieldset元素定义了一个标题。打开编辑器,新建一个fieldset_legend.html页面,编写基本代码,在body中添加一个fieldset标签。在浏览器中打开页面,此时页面上出现了一个封闭的边框。边框的作用是在视觉上将相关字段划分成块。回去编辑,在fieldset标签中添加legend标签,在legend标签中添加“基本信息”作为分组标题。节省。返回浏览器并刷新。组的标题也被定义。你可能会问,其他的表单控件写在哪里?要在分组标签中添加其他控件,需要将其放在图例标签后面。回到编辑器,在legend标签的末尾,输入一个新行。输入“用户名:”,写一个输入框,br为换行符。输入“密码:”,然后写一个密码框。节省。返回浏览器并刷新。基本信息的表格分组已准备就绪。表格分组就这些了,留个作业:自己完成一组保密信息。快点
