在使用表单元素的时候,如果信息过多,通常需要对同一类型的表单内容进行分组显示?那么如何分组呢?下面小编给大家分享一下。
工具/原料
Sublime Text
方法/步骤
1
首先要打开Sublime Text软件定义文档结构,如下图所示,注意声明utf8编码类型
2
接下来我们在body区域中添加form表单元素,如下图所示
3
运行页面以后你会发现表单中的input元素都从上到下罗列起来了,如下图所示
4
接下来我们就对这些表单元素进行分组,如下图所示,用fieldset将上面两个input放在一起,下面两个放在一起
5
运行页面以后你会看到上下两个表单元素被线给隔开了,如下图所示
6
最后我们还可以给分组添加一些说明,如下图所示,通过legend进行添加
7
综上所述,在对表单元素进行分组的时候,运用fieldset搭配legend能够更好的实现,是不是很简单啊
下一篇:mysql集群搭建及测试