循环表单
表单中的某一个或一组字段,支持自定义添加多个,并支持删除。
不同类型
表单分组
- 当需要添加表单分组时,添加分组按钮置于表单顶部,用户在进入页面时能快捷添加。
- 点击卡片右上角
删除
图标,可以删除当前分组卡片。 - 最新添加的分组卡片排列在最前面。
表单项目
- 当表单中需要添加项目字段时,添加表单项目按钮置于该字段下方。
- 点击项目右侧
删除
图标,可以删除当前表单项目。
交互规则
- 默认有一个编辑区块或者字段,当点击
添加/新增
按钮时,在当前区块上面或下面新增一个可编辑的区块。 - 当添加表单组时,页面定位到新增的表单组位置。
何时使用
- 页面中有多个表单单项。
- 页面中有多个表单区块。
设计指南
- 当编辑组中数据复杂时,可以跳转新页面或者弹出窗口进行数据编辑和操作。