Skip to main content

循环表单

表单中的某一个或一组字段,支持自定义添加多个,并支持删除。


不同类型

表单分组

  • 当需要添加表单分组时,添加分组按钮置于表单顶部,用户在进入页面时能快捷添加。
  • 点击卡片右上角删除图标,可以删除当前分组卡片。
  • 最新添加的分组卡片排列在最前面。

表单项目

  • 当表单中需要添加项目字段时,添加表单项目按钮置于该字段下方。
  • 点击项目右侧删除图标,可以删除当前表单项目。

交互规则

  • 默认有一个编辑区块或者字段,当点击 添加/新增 按钮时,在当前区块上面或下面新增一个可编辑的区块。
  • 当添加表单组时,页面定位到新增的表单组位置。

何时使用

  • 页面中有多个表单单项。
  • 页面中有多个表单区块。

设计指南

  • 当编辑组中数据复杂时,可以跳转新页面或者弹出窗口进行数据编辑和操作。