手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何对表单元素进行分组显示

时间:2024-10-13 19:23:57

1、首先要打开Sublime Text软件定义文档结构,如下图所示,注意声明utf8编码类型

如何对表单元素进行分组显示

2、接下来我们在body区域中添加form表单元素,如下图所示

如何对表单元素进行分组显示

3、运行页面以后你会发现表单中的input元素都从上到下罗列起来了,如下图所示

如何对表单元素进行分组显示

4、接下来我们就对这些表单元素进行分组,如下图所莲镘拎扇示,用fieldset将上面两个input放在一起,下面两个放在一起

如何对表单元素进行分组显示

5、运行页面以后你会看到上下两个表单元素被线给隔开了,如下图所示

如何对表单元素进行分组显示

6、最后我们还可以给分组添加一些说明,如下图所示,通过legend进行添加

如何对表单元素进行分组显示

7、综上所述,在对表单元素进行分组的时候,运用fieldset搭配legend能够更好的实现,是不是很简单啊

© 手抄报圈