UI 组件类型 · 复合组件 / Form
Form
组织多个输入、校验、提交和结果反馈的任务组件。
关键字段
Identity · 身份
- 子类型
- 复合组件
- 父级类目
- 表单与输入
What · 是什么
- 定义
- 组织多个输入、校验、提交和结果反馈的任务组件。
Why · 为什么
- 作用
- 承载注册、联系、付款、设置和工具输入任务。
Where · 在哪里
- 适用场景
- Web 界面设计、Busy、Primary
How · 怎么做
- 检查清单
- 标签和说明是否完整;Tab 顺序是否合理;必填是否标明;错误是否汇总并定位;隐私说明是否可见。
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类、组件部件与横向适用关系
关系来自本地关系表,并包含反向关联。
- AI Prompt / ResponseAI Prompt / Response反向 · 应用于
让用户提交自然语言任务并理解生成结果、来源、限制和继续操作。
- Chat / ConversationChat / Conversation反向 · 应用于
围绕实时或异步消息组织对话、参与者、上下文和输入动作。
- Checkout / Order SummaryCheckout / Order Summary反向 · 应用于
总结商品、价格、地址、支付和风险信息,支持用户完成交易。
- Contact & SupportContact & Support反向 · 应用于
让用户提出问题、请求支持或找到合适的联系渠道。
- Cookie Preference CenterCookie Preference Center反向 · 应用于
让用户查看、分组和修改非必要 Cookie、追踪或隐私权限。
- Demo RequestDemo Request反向 · 应用于
收集最少需求并预约产品、服务或销售演示。
- Donation / FundraisingDonation / Fundraising反向 · 应用于
说明目标、进展和资金用途,并提供低摩擦的捐赠或支持入口。
- Event RegistrationEvent Registration反向 · 应用于
提供活动信息、报名字段、名额、费用和确认提醒。
- Interactive CalculatorInteractive Calculator反向 · 应用于
让用户输入假设并即时获得可解释的估算、比较或结果。
- Lead CaptureLead Capture反向 · 应用于
收集完成转化所需的最少信息,并提供明确的价值交换和提交反馈。
- Login / AuthLogin / Auth反向 · 应用于
提供登录、注册、身份恢复或切换账户的入口与恢复路径。
- Newsletter SignupNewsletter Signup反向 · 应用于
以低承诺方式收集邮箱并持续提供内容、产品或活动更新。
- Product ConfiguratorProduct Configurator反向 · 应用于
按选项、约束和价格反馈组合或定制一个产品、方案或服务。
- Referral / InviteReferral / Invite反向 · 应用于
说明邀请机制、奖励和状态,让用户能安全分享并追踪邀请结果。
- Survey / FeedbackSurvey / Feedback反向 · 应用于
以问卷、评分或开放反馈收集用户意见,并说明提交后的处理方式。
- Tool InputTool Input反向 · 应用于
让用户输入、配置或上传工具任务所需的信息。
- Waitlist / PrelaunchWaitlist / Prelaunch反向 · 应用于
在产品或活动尚未开放时收集兴趣、说明预期并提供状态更新。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 表单与输入Forms & Input属于
用于接收、选择、编辑、上传和校验用户输入的组件。
- Actions RowActions Row反向 · 属于
承载提交、取消和辅助操作的操作行
- Error SummaryError Summary反向 · 属于
集中呈现表单错误并链接到字段的位置
- Field GroupField Group反向 · 属于
组织语义相关字段的输入组
- Form FieldForm Field反向 · 属于
组合标签、控件、帮助和错误的字段结构
- Form HeaderForm Header反向 · 属于
承载表单标题、说明和上下文的页头区域
- Success MessageSuccess Message反向 · 属于
提交成功后的结果反馈区域
- BusyBusy应用于
组件正在处理任务,暂时不应接受重复操作的状态。
- PrimaryPrimary应用于
承担上下文中最重要任务的主要视觉变体。