VForm 常见表单模板

单列表单

所有组件单独占据整行宽度

多列表单

利用栅格布局实现字段多列排版

分组表单

利用卡片布局设置字段分组显示

标签页表单

利用标签页容器分页排版字段

主从表单

演示主表单、子表单字段排版

响应式表单

利用响应式栅格设置，可实现表单多端自适应布局

问卷调查表

一个简单问卷调查表单示例

固定表格表单

利用固定表格容器实现字段排版

- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t1.png@style@wn420
  link: http://120.92.142.115/?case=vcase11
  name: 单列表单
  desc: 所有组件单独占据整行宽度
- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t2.png@style@wn420
  link: http://120.92.142.115/?case=vcase12
  name: 多列表单
  desc: 利用栅格布局实现字段多列排版
- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t3.png@style@wn420
  link: http://120.92.142.115/?case=3
  name: 分组表单
  desc: 利用卡片布局设置字段分组显示
- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t4.png@style@wn420
  link: http://120.92.142.115/?case=vcase14
  name: 标签页表单
  desc: 利用标签页容器分页排版字段
- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t5.png@style@wn420
  link: http://120.92.142.115/pro/?case=vcase15
  name: 主从表单
  desc: 演示主表单、子表单字段排版
- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t6.png@style@wn420
  link: http://120.92.142.115/?case=vcase16
  name: 响应式表单
  desc: 利用响应式栅格设置，可实现表单多端自适应布局
- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t7.png@style@wn420
  link: http://120.92.142.115/?case=vcase17
  name: 问卷调查表
  desc: 一个简单问卷调查表单示例
- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t8.png@style@wn420
  link: http://120.92.142.115/?case=vcase18
  name: 固定表格表单
  desc: 利用固定表格容器实现字段排版