ViboDesign
收信息

表单字段

Form Field

如果你管它叫……
标签加输入框那一块表单里的一行填写资料那一项整组输入项一项表单控件
LIVE DEMO真实可交互,动手试试

用于登录和接收通知

请输入有效邮箱地址

英文名
Form Field
别名 · 俗称
输入项一组表单项标签加输入框填写那一行
Web 叫法
Form Field
大白话定义
表单里一整组用来收一项信息的区域,通常包含标签、输入控件、说明和报错。
部位拆解
  • 标签 Label告诉用户这项要填什么
  • 输入控件 Control真正接收内容的输入框、选择器或开关
  • 帮助/报错 Help / Error补充规则,或告诉用户哪里填错了
提示词
Web

做一个邮箱表单字段(Form Field):上方标签、输入框、说明文案、错误提示四段结构,报错时边框变红

调试 Prompt

调试我的表单字段(Form Field)。逐一排除:label 没和输入控件关联,点标签不聚焦;帮助文案和报错文案都堆在一起,优先级混乱;必填标记只用颜色没加文字或 aria;错误态只改了边框,读屏用户收不到错误信息。症状是:

表单字段 Form Field 是什么?UI 视觉词典 · ViboDesign