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

 时间: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制作中心点向四周发光文字教程
  • 热门搜索
    国庆节的手抄报 初中手抄报 关于文明的手抄报 预防病毒手抄报 关于保护环境的手抄报 五年级数学手抄报 过年手抄报 感恩母亲手抄报 防溺水手抄报资料 反邪教手抄报内容