表单填一半去查资料，回来发现框里提示没了，还认得填哪一栏吗？

表单标签的默认做法是固定在输入框上方，不要用框内灰色提示文字代替它。占位提示在输入第一个字符后就消失，用户回头核对、改错或跨字段比对时，字段含义只能靠记忆，出错和重填的比例会上升。字段数偏多、填写过程会被打断、涉及金额或身份信息的表单，标签常驻的价值高于省下的那几行高度；只有字段很少、一次填完、纵向空间确实紧张的轻量表单，才值得考虑框内浮动标签，而且仍然不能用占位文字顶替标签。

标签和提示文字，职责差在哪

标签说明这个框要填什么，负责的是恒定语义；占位提示给的是格式示例，负责临时说明，比如「请输入11位手机号」。把字段含义交给一个输入后就消失的元素，是不少表单填到一半就卡住的起点。

标签还牵着三件事：屏幕阅读器靠标签播报字段名称，浏览器自动填充靠标签或字段名判断该填什么，报错信息要贴着字段出现才有意义。占位文字在这三件事上都不够稳，字段数一多，问题会集中暴露。

什么表单标签要常驻，什么表单可以不常驻

建议常驻：字段超过五个；需要翻资料、对照单据、多人协作填写；涉及金额、身份、发票等不容填错的信息；需要支持自动填充和屏幕阅读器的正式产品。

可以不常驻：单一任务的轻量表单，比如只有一个搜索框或一个订阅邮箱输入；字段两三个、一次填完就提交、基本没有回看需求的临时页面，这时用清晰标题加格式提示也能接受。

边界写清楚：字段含义会消失的做法，在字段多、需要核对、需要无障碍支持的表单里不适用；反过来，只有一两个字段却坚持常驻标签，认知收益有限，却要多占一屏高度，同样不划算。

框外固定标签和框内浮动标签，差别落在哪

两种都能用，取舍看信息密度和认知负担怎么平衡。下面数值是交付中常见的经验区间，不同项目会浮动。

• 纵向占用：框外标签每个字段常见多占 18–26px；框内方案省下这部分，但字段一多，省下的高度常被报错文案吃掉。
• 填完后可读性：框外标签始终可见；浮动标签在填值后仍保留小字号标签，可读性依赖字号与对比度控制。
• 占位文字用途：框外标签可以把占位文字留给格式示例；框内方案若拿占位文字当标签，输入后只剩空白。
• 走查成本：框外标签结构简单；浮动标签涉及空态、聚焦、填值、报错、禁用多个状态，改稿轮次常见会多一到两轮。
• 可访问性与自动填充：两者都能做好，但框外标签加显式关联更不容易漏。

一句话口径：字段多、要回填核对、涉及金额或身份的正式表单，选框外标签；字段少、任务单一、空间确实紧的轻量表单，可以考虑框内浮动标签，但不能用占位文字代替标签。2026 年常见的组件库两种样式大多都提供，选哪个仍要回到字段数量和填写场景。

标签方案拖到走查才定，代价是什么

比较常见的约束是周期紧、字段清单给得晚，做法上容易先搭框架、后补细节。代价通常出现在走查阶段：报错文案出现时把标签顶掉，或者标签和提示挤在同一行，这时改的是整块表单布局，而不是某一个样式。

经验区间上，等走查才发现标签位置要改，返工工时常见比一开始定清楚多出半天到一天；如果用的是浮动标签，空态、聚焦、填值、报错几套状态都要重走一遍，改稿轮次常见多一到两轮。反过来，动手前先用字段清单过一遍标签位置，多数情况十几分钟就能定下来。

还有一条容易被忽略的检查：把每个输入框填满内容后截图，看标签是否还能说明这是哪个字段。这一条过不了，后面调间距和配色意义有限。

验收时先看哪几条

1. 填满后仍可辨：所有输入框填上内容后，字段含义仍然清楚。
2. 错误可定位：报错信息紧邻对应字段，且不遮挡标签本身。
3. 关联正确：点击标签能把光标带进对应输入框，屏幕阅读器能播报字段名称。
4. 窄屏不溢出：常见手机宽度下，标签不换行截断，输入框高度保持一致。

这四条里，前两条较能反映真实使用体验，建议优先检查。合格的口径可以简单说成：用户中途离开再回来，不用重读一遍表单就能接着填。

常见问题

输入框里那行灰色提示，能替代字段名称吗？

不建议。它输入后就消失，用户回看时字段含义不可见，屏幕阅读器和自动填充的支持也不稳定，字段一多更容易填错。

浮动标签是不是比固定标签更现代？

它只是一种空间取舍，不是新旧之分。字段少时观感紧凑，字段多或需要核对时，固定标签的可读性更可靠，看场景而不是看流行。

移动端空间小，标签放上面会不会太占地方？

常见做法是保留标签在上，改为减少字段、合并步骤或分段填写。压缩标签高度省下的空间有限，却常换来更高的填写错误率。

必填星号放标签前还是后？

两种都能接受，关键是全站统一，并在表单开头说明星号含义。比位置更该避免的是只用颜色差异表示必填，色觉障碍用户可能分辨不出。

如果你正在定表单方案，可以先做一件事：把当前表单每个输入框填满内容后截图，检查字段含义是否还看得懂。看不懂的字段，优先改标签位置，再谈配色和间距。字段少、一次填完的轻量场景不必强上常驻标签；字段多、需要核对或无障碍支持的正式表单，按上面的验收口径逐条过一遍更稳。