Files
CraftKit/plugins/dev/skills/form/references/layout.md
T

834 B

表单布局规则

结构

  • 按用户任务和信息语义分组,避免只按后端对象机械排列。
  • 标签、控件、提示和错误信息保持可关联且可读。
  • 列数和字段跨度由容器宽度、内容长度和目标设备决定,不采用固定通用值。
  • 条件字段应有稳定的布局位置,并明确隐藏、禁用、清空和保留策略由谁决定。
  • 动态必填只呈现已确认的业务规则,不从界面结构反推规则。
  • 操作区的位置、主次关系和滚动行为应与项目现有模式一致。

状态

  • 编辑、只读、禁用、加载、空值和错误状态均应可辨识。
  • 只读展示应保留字段语义,不能只依赖颜色表达状态。
  • 小视口下优先保持阅读和操作顺序,处理标签换行、控件溢出和操作区遮挡。