多语言展示
当前在线:412今日阅读:175今日分享:29

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

在使用表单元素的时候,如果信息过多,通常需要对同一类型的表单内容进行分组显示?那么如何分组呢?下面小编给大家分享一下。
工具/原料

Sublime Text

方法/步骤
1

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

2

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

3

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

4

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

5

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

6

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

7

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

推荐信息