收信息
表单字段
Form Field
「标签加输入框那一块」「表单里的一行」「填写资料那一项」「整组输入项」「一项表单控件」
LIVE DEMO真实可交互,动手试试
用于登录和接收通知
请输入有效邮箱地址
- 英文名
- Form Field
- 别名 · 俗称
- 输入项一组表单项标签加输入框填写那一行
- Web 叫法
- Form Field
- 大白话定义
- 表单里一整组用来收一项信息的区域,通常包含标签、输入控件、说明和报错。
- 部位拆解
- 标签 Label告诉用户这项要填什么
- 输入控件 Control真正接收内容的输入框、选择器或开关
- 帮助/报错 Help / Error补充规则,或告诉用户哪里填错了
提示词已按当前平台组织好,复制粘贴给 AI 即可
Web
做一个邮箱表单字段(Form Field):上方标签、输入框、说明文案、错误提示四段结构,报错时边框变红
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的表单字段(Form Field)。逐一排除:label 没和输入控件关联,点标签不聚焦;帮助文案和报错文案都堆在一起,优先级混乱;必填标记只用颜色没加文字或 aria;错误态只改了边框,读屏用户收不到错误信息。症状是: