在表单中标签与表单域的对齐方法，假如你的团队已有明确的标准和运用场景，你只要拿来主义即可。可假如某天由你主导定义一个新的表单标准时，不知道你会不会重新考虑哪种标签对齐方法更好，怎样区别运用场景！
经过科学实验发现，不管是在眼动仪的热图，仍是在许多可用性测验的观察成果中，用户在填写网页表单时视野主要集中在输入框的左侧。他们的视野简直不会落到输入框的右侧，乃至都不会瞟上一眼。
以此为根底，咱们在网页表单规划中有3种最常见的标签对齐方法：顶对齐标签、右对齐标签和左对齐标签。你或许会说还有混合对齐标签、内联标签、图标标签等，这些的确存在但并不是最核心的几种对齐方法，它们基本是在这3种方法上变化，不脱离本质。
下面咱们逐个剖析一下：
1.顶对齐标签：
马泰奥·彭佐从2006年7月进行眼动研讨发现，从标签移动到输入框只需50毫秒。比左对齐标签快了10倍，后者需求500毫秒；比右对齐标签方法快2倍，后者高达240秒。能敏捷填完顶对齐标签表单的原因之一，是由于眼球只需求在标签和输入框之间进行上下单向运动。

优势：
最利于削减表单填写时刻（标签和输入框位置最为靠近）；用户视野固定，动线一直向下（明晰的完结路径）；节约许多横向空间（可用于以多种方法组合的相关输入框）。
下风：
占用额外的笔直空间（假如可供给运用的笔直屏幕空间较小，应当谨慎运用顶对齐标签）；主张运用输入框50%至75%的高度作为相邻输入框距离。
适用场景：
期望用户快速填写表单，完结任务；一起，当输入项存在主次之分时，对标签扩展性要求高。

2.右对齐标签：
假如要尽量削减表单占用笔直屏幕空间，右对齐能供给快速完结时刻。马泰奥·彭佐的眼动研讨发现，专家用户和新手用户环视（眼睛运动）右对齐标签表单的标签和输入框的平均时刻分别在170毫秒和240毫秒，而填写完结时刻比左对齐快2倍。

优势：
标签与输入框相邻（便利快速填写）。
下风：
右对齐布局形成左侧不齐，影响了快速旅游表单的效率问题；若标签文字宽度变宽，右对齐还存在灵活度问题。
适用场景：
既要削减笔直空间，又要加快填写速度的场景。

3.左对齐标签：
在顶、右、左三种方案中，左对齐表单填写速度最慢。由于左对齐表单解析问题时眼球定位次数最多，用户一般情况下都能将左对齐布局中的标签和输入框联络起来，只是花费时刻较长。依据马泰奥·彭佐的研讨，典型环视时刻为500毫秒，很长阐明用户经历了沉重的认知压力。

优势：
简单旅游标签；占用笔直空间较少。
下风：
标签和输入框的相邻距离增大；适合于用户不熟悉表单要收集的数据或问题无法分成易处理的内容组，左对齐标签旅游表单问题会更简单。用户只要上上下下阅览标签左栏，不会被输入框打断。
适用场景：
表单中存在较多的杂乱或敏感信息，期望用户怠慢速度、细心考虑（在一些注册类表单中较多运用）。

单从效率视点看，顶对齐标签>右对齐>左对齐，但是依据运用场景，效率快并不是咱们挑选标签对齐方法的仅有的目标。

因而，得到以下几点主张：
假如你期望用户怠慢速度，细心考虑表单中每个表单项，左对齐标签是个好挑选，特别是含有许多可选输入框或高级设置的陌生数据时；
而顶对齐标签在一些国际化产品的表单规划时，会有更好的延展性；
至于，右对齐标签尽管与表单域联络紧密，便于用户填写，但是要考虑好标签的长短不齐怎样处理。能否精简标签内容，以及确认好表单与界面的边距。

许多表单规划中，有个常见问题：是否应该符号必填字段？假如表单中的大多数字段或悉数都是必填的，咱们是否仍然应该符号它们？

先简略回答：是必定的，用户有时需求经过必填符号来评价作业量，了解输入信息量的最低极限。我会在下面详细解说原因。
了解不符号必填字段的引诱
一般，规划师会觉得每个必填字段都有一个符号是重复的、丑恶的、占空间，并且搅扰界面，乃至或许看起来很打乱（有认知担负！）。因而一般采取以下一种或两种战略：
1.在表单顶部显现阐明，阐明中除非还有解说，不然一切字段都是必填；
2.只符号可选字段，由于它们一般较少；
3.在某些特殊情况下，也会什么都不做：信任用户会奇特地知道需求填写什么字段；假如不知道，那么只需求点击提交报错即可。

这些办法有什么问题？假如你这样想，我来告诉你
1.用户一般不喜欢阅览表单顶部阐明。不难想象，用户不太或许阅览表单顶部的阐明。表单字段需求自给自足，毕竟，每个字段都有特定指令——它的标签，为什么用户需求阅览其他任何东西来填写它呢？
2.即运用户阅览了阐明，也或许忘掉。你或许会说：用户阅览了顶部的阐明，怎样就会忘掉——这么简略的事情？
的确简单忘掉，特别是当表单很长或填写表单被打断时（这种情况在移动端很常见）。即运用户记得，但这占用了作业记忆，增加了认知负荷。换句话说，你让用户完结任务更难了。填写表单自身对用户来说就相当有挑战性——为什么要让它更具有挑战性？
3.用户有必要扫描表单以确认是否为必填字段。不难发现，不管是否在表单顶部包括阐明，成果都或许相同，用户会忽略或忘掉。他们会环视表单，找到一个符号为必填或可选的标识。
并且有些用户乃至不会费心去环顾四周，他们只会做出假设。他们会想——“嗯，邮箱——不需求我的邮箱吧？先空着呢”。即运用户没有留空，也不得不暂停来考虑一个字段是否需求填写，减慢交互速度并使过程看起来更长、更乏味。
想要处理以上问题很简略：符号一切必填字段。尽量明确和明晰展示每个必填字段，并符号它。当然，就像有些规划师所说：界面呈现许多必填标识（红色星号*）的确会增加视觉噪声。乃至重复的星号 * 会带来一些认知恐慌。但相比之下，两害取其轻，这些负面因素是轻微的。
怎样符号必填字段？
这里包括至少有两种方法：星号*（红色）和“必填”提示。星号*在网页上现已很常见，用户熟悉其意义。长处是它不占用太多空间，也看起来与标签文字足够不同，所以运用它。
可以运用其他符号方法吗？当然可以，但是最好遵循市面上常见的方法（雅各布定律），这样更契合用户认知。
星号应该在字段标签之前仍是在字段标签之后？
这不一定有实践影响，但将其放在标签之前的一个原因是，只需环视标签的最左面字符，就能轻松定位必填哪些字段。
星号*是一种视觉符号，应当细心考虑表单中的标识位置。标识在标签左面能指引用户敏捷阅读界面，并判别出必填项。假如在右侧由于输入框方法、长度各不相同，标识和输入框对齐会导致难以阅读和判别。
是否也应该符号可选字段？
尽管这不是强制性的，但符号可选字段的确减轻了用户考虑：假如没有这个标识，用户要环顾四周，并依据其他符号字段揣度该字段是可选的。假如“非必填”在字段标签周围，那该任务会变得更简单。不描述可选字段，这没问题，但这样做会是一个很好的额外协助。

为什么登录表单没有符号必填？

登录表单很短，一般由两个字段组成：用户名和暗码，这两个字段总是必填的。假如运用星号*，符号这些字段的本钱很低，并不会犯错。但是，绝大多数用户都运用过许多登录表单，他们是知道要登录需求输入邮箱/用户名和暗码的。所以，在登录表单中，可以省略这种方法。

而在注册表中不符号必填字段是危险的。注册表单因产品而异——不同公司在创立帐户时需求不同类型的信息。它不只是包括用户名和暗码，所以请符号一切必填字段（包括用户名和暗码）。

因而，提出以下几点主张：

根底前提，尽量去除任何不需求回答的问题，特别是涉及到用户隐私的内容。可以更简单让用户填完表单。

为了增加表单填写的机会，请尽量削减用户需求支付的尽力和他们需求记住的信息。有许多方面有助于处理这些问题，但符号必填字段（以及可选字段）是最简单的办法之一。