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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 如何利用ps制作水平移动光线动画
  • 在Lightroom中为照片添加褪色外观效果
  • ps制作砖形文字填充背景的方法
  • ps中常用的辅助工具都有什么?
  • ps制作中心点向四周发光文字教程
  • 热门搜索
    舟山旅游地图 香格里拉旅游地图 井冈山红色旅游 旅游局电话 杭州旅游攻略一日游 去台湾旅游要多少钱 南浦大桥旅游集散中心 去新西兰旅游 上海驴妈妈旅游网 青岛有哪些旅游景点