UI 组件类型 · 单一组件 / Email Input
Email Input
输入并验证电子邮件地址的字段。
关键字段
Identity · 身份
- 子类型
- 单一组件
- 父级类目
- 表单与输入
What · 是什么
- 定义
- 输入并验证电子邮件地址的字段。
- 组成与状态
- 语义元素 + 值/标签 + 交互状态 + 可访问名称 + 错误/帮助信息（按需）
Why · 为什么
- 作用
- 保持单一职责、明确语义和稳定的输入输出边界。
Where · 在哪里
- 适用场景
- 表单与转化、Default、Hover、Focused、Disabled
How · 怎么做
- 检查清单
- 是否有明确语义、键盘路径、焦点反馈、错误处理和窄屏行为；是否能被复合组件组合。
Lifecycle · 生命周期
- 状态
- 启用
Relation · 关联
- 相关内容
- 表单与转化
所属组件分类、组件部件与横向适用关系
关系来自本地关系表，并包含反向关联。
- Contact & SupportContact & Support反向 · 应用于
让用户提出问题、请求支持或找到合适的联系渠道。
- Demo RequestDemo Request反向 · 应用于
收集最少需求并预约产品、服务或销售演示。
- Event RegistrationEvent Registration反向 · 应用于
提供活动信息、报名字段、名额、费用和确认提醒。
- Lead CaptureLead Capture反向 · 应用于
收集完成转化所需的最少信息，并提供明确的价值交换和提交反馈。
- Newsletter SignupNewsletter Signup反向 · 应用于
以低承诺方式收集邮箱并持续提供内容、产品或活动更新。
- Waitlist / PrelaunchWaitlist / Prelaunch反向 · 应用于
在产品或活动尚未开放时收集兴趣、说明预期并提供状态更新。
- 表单与转化Forms & Conversion应用于
设计从理解价值到提交、注册、购买或联系的连续路径。
- 表单与输入Forms & Input属于
用于接收、选择、编辑、上传和校验用户输入的组件。
- DefaultDefault应用于
默认状态，组件可被使用但没有额外交互反馈。
- DisabledDisabled应用于
组件暂时不可操作的状态。
- FocusedFocused应用于
键盘或其他输入方式当前定位到组件的状态。
- HoverHover应用于
指针悬停在可交互目标上的状态。