可用于以多种方式组合的相关输入框；希望用户快速填写表单并完成任务的情况

优点：

标签和输入框位置最为靠近，表单填写时间最短；用户视线固定，动线一直向下具有清晰的完成路径；节省大量横向空间，另外与输入框对齐视觉更舒适。

缺点：

占用额外的垂直空间，如果可提供使用的垂直屏幕空间较小，应当谨慎使用顶对齐标签，若表单选项较多的时候会增加表单长度并使页面滚动。

适用于场景：

可用于以多种方式组合的相关输入框；希望用户快速填写表单并完成任务的情况；页面空间纵向空间充足，标签长度难以限定简化、拓展性要求较高的表单；更适合有国际化的需求比如说法语、德语或荷兰语比英语长很多的语言；

当垂直屏幕空间大，表单有组合需求时，顶部标签是不错的选择，比如飞书的基本信息页面：

2）右对齐标签（Align label right）

最为常见的表单标签，该标签形式中文字标签与输入域的距离是固定的，有明确的视觉关联。

马泰奥·彭佐的眼动研究发现，专家用户和新手用户扫视（眼睛运动）右对齐标签表单的标签和输入框的平均时间分别在170毫秒和240毫秒，而填写完成时间比左对齐快2倍。

优点：

标签和输入框之间距离固定，有明确的关联，有利于用户填写，同时节约垂直空间；

缺点：

左边标签参差不齐，视觉上不够美观，浏览标签造成一定障碍，降低了表单的可读性，横向占用空间大，不利于狭长页面布局，标签长度和输入框弹性小。

适用场景：

标签和输入域的弹性长度较小，比较适用于既要减少垂直空间，又要加快填写速度的业务场景，比如账号的基本信息。且适合数据内容多、逻辑关系简单、标题字数少的情况（如筛选条件）。

右对齐标签有利于用户的填写，但是不利于用户对标签信息的查看，如下图，当标签长短不一时，左边的标签就很难对齐：