表单Form
填写与选择把一组输入整理成一次完整提交
表单把多个字段组织成一项任务，例如注册账号或填写订单。它要处理字段说明、输入校验、错误定位、提交状态和最终结果，让用户知道哪些内容有问题以及数据是否保存成功。
✕ 邮箱格式不正确
容易混淆？这样区分
表单Form≠字段组（Fieldset）
表单（Form）收集并提交整项任务；字段组（Fieldset）只把表单里相互相关的几个字段分成一组，通常会用图例标题（legend）写出组名。
什么时候用
- 登录注册：账号 + 密码 + 提交oil-oil••••••••登录
- 资料设置：一排字段，改完保存姓名林小hu邮箱you@example.com
- 提交前校验：格式不对当场指出邮箱oil-oil@abc✕ 邮箱格式不正确
- 组合多种控件：输入框、选择器、开关混编姓名林小hu城市深圳通知保存
什么时候不用
- 只有一个字段：搜索框直接放 输入框 Input，别套表单搜索表单输入关键词…提交就一个字段，「表单」纯属仪式感
- 几十个字段一页塞完：分组、分步，或上 步骤条 Steps28 个字段一页塞完，没人填得下去
- 校验规则藏起来：提交失败才告诉用户哪错了密码123提交失败：密码至少 8 位规则提前不说，提交才报错
- 只是展示信息 → 用 描述列表 Descriptions，别用禁用的输入框版本v2.4.0作者oil-oil只读信息塞输入框，用户以为能改
组成结构 · Anatomy
✕ 邮箱格式不正确
1表单项Form Item一个字段的完整单元：标签 + 控件 + 报错
2标签Label告诉用户这里填什么
3控件Control真正干活的填写与选择，什么都能放
4报错信息Error校验不通过时的提示，紧跟对应字段
5操作区Actions提交 / 取消，主按钮放最重要的动作
常见变体 · Variants
水平布局Horizontal
字段少、页面宽,标签放左边
垂直布局Vertical
字段多或页面窄,标签放上边
内联布局Inline
筛选区排成一行,即填即查
校验状态Validation
✕ 邮箱格式不正确
校验不通过时,当场在字段下报错
典型使用场景
登录注册
登录注册
个人资料设置
新建项目
新建项目
筛选条件组合
订单 #20260721-018已完成¥ 329
订单 #20260721-017进行中¥ 89