表单 Form

Form 把一组共同完成某个任务的字段组织在同一个提交边界里。姓名和邮箱不是两个互不相关的输入，而是一次保存个人资料时需要一起确认的值。

• 表单负责组织字段、提交入口和校验反馈，不只是把输入框竖着摆在一起。
• 提交后应保留处理中和完成结果，让用户知道整组资料是否已经被接受。

Form ≠ 输入框的集合：输入框只负责收集一个值，Form 还负责把相关字段放进一次提交、校验和反馈的任务里。

• 如果姓名、邮箱和密码要一起注册，字段需要共享同一个提交动作和错误反馈。
• 如果一个关键词输入后列表立即筛选，它可以独立工作，不必为了视觉排列而套一层表单。

判断时先看用户是否要完成一个共同的提交任务，再决定是否需要 Form。

一个可理解的 Form 至少要让任务边界、字段关系和提交结果都能被看见。

• Form 根节点承载整组字段和提交事件，说明这些值属于同一个任务。
• Label 与对应控件相连，提示用户每个值要填写什么；提示和错误反馈留在字段附近。
• 提交入口应该明确，完成后在当前表单区域保留结果，而不是让用户猜是否成功。

在个人资料页填写姓名和邮箱后提交，表单会保留字段值，按钮进入保存中，完成后在当前区域留下已保存结果。

• 这条行为链证明多个字段共同属于一次提交，而不是两个各自无关的输入动作。

先看输入是否共同完成一次提交：相关字段一起保存时使用 Form；单个输入即时生效或单一设置开关时，使用更直接的控件。

请用一个可访问的 Form 实现个人资料编辑：姓名和邮箱属于同一次保存任务，字段要有清晰 label、必要时在字段附近显示错误，提交时保留处理中反馈，完成后在当前表单区域显示已保存。请保留真实 form、label、输入控件和键盘操作，不要把几个输入框只排成装饰性的卡片。