表单 · Form
英文：Form
常用组件难度：入门 ★
🗣️一句话大白话
由输入框、标签、选择器、复选框和提交按钮组成，完成联系、订阅、登录等任务。由输入框、标签、选择器、复选框和提交按钮组成，用来完成联系、订阅、登录或设置等任务。
🖼️样图参考
🎬真实场景
联系、订阅、登录、搜索、预约、设置
📮你可以这样说
「为 Punk 的 Contact 页面创建一个可访问的联系表单， 字段包括 Name、Email、Project Type、Budget Range 和 Message； 每个输入框都有可见 label，必填项和错误信息清晰， 提交中显示 loading 状态，成功后显示 Toast，并在确认提交成功前保留用户输入内容。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解：表单字段越少越好。实际少且必要，但每个输入框必须有可见 label 和清晰错误提示
🚫什么时候别用
- ✗信息收集目标不明确时
🧩常见变体
联系表单订阅表单登录表单
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系