编辑导语：表单是最常用的信息录入工具，日常生活中，我们每个人都在和各种表单打交道。本文作者结合案例对表单标签的样式及设计注意事项进行了详细的说明，相信对表单标签不熟悉的同学看完后肯定会有不少的收获~

输入设计和表单设计是产品经理与交互设计师的核心技能，你可以把它们用在各类软件和各种平台上。

一、首先什么是标签？

我们先来复习一下文本输入框的构成。

△文本输入框的构成

1. 文本容器/Container—可交互的输入区域
2. 输入文本/Input text—所输入的文本内容
3. 标签文本/Label Text—告诉用户这个表单字段中要输入的内容属性
4. 占位符文本/Placeholder text—输入信息的范例，用户后续需要用自己的内容替代它
5. 帮助和验证（可选）/Helper or Validation text(optional)—提供上下文信息和验证信息
6. 引导图标（可选）/Leading icon(optional)—描述文本字段所需的输入类型和特征
7. 后缀图标（可选）/Trailing icon(optional)—对输入内容进行控制，比如显示和隐藏

我们今天要聊的就是第3点：标签文本/Label Text。

标签应该用人们能明白的语言提出简洁问题，以便于回答。

但依旧依赖于表单元素的布局。

二、标签对齐方式

输入框标签应当顶对齐、右对齐还是左对齐？

先来看看这几种对齐方式的优缺点。