三、输入字段 Input

承载用户输入的区域。

1. 自动对焦（PC端）

进行表单页面，自动对焦第一个输入字段可以引导用户开始进行输入。

2. 提供默认值

可根据已知信息，帮助用户预判内容。例如可以通过 IP 检测出用户的地理位置。

3. 保存输入的数据

记住用户已经填写的内容，以防万一（例如页面刷新），从而避免用户需要再次输入而放弃。

4. 字段约束

为有要求的字段设置限制。例如，最大字符数，电话中数字、字母符号等要求，从而有效的避免脏数据。

5. 格式化（掩码）输入

提供输入格式，帮助用户理解所填内容且减少错误发生。常用于手机号码、日期、银行卡和邮编等。

6. 匹配键盘（移动端）

提供合适的键盘，帮助用户快速完成。

7. 区分可填

如上所述，尽量避免可填字段。如果不可避免，应该做明确区分。根据经验，可填和必填的数量少的做标记说明。

常规做法：必填，使用「*」星号符；可填，使用「（选填）」。

四、占位符 Placeholder

标签的额外描述，帮助用户了解可输入的数据类型和格式提示。

1. 颜色区分

它是内容提示，而不是内容。

2. 不是所有输入框都需要占位符

占位符是对输入内容有特殊要求的提示或提醒，也可理解为对标签的补充，并不是所有的输入框都需要占位符。

3. 输入后消失

不要在鼠标键入后消失，而是在输入内容后消失，这样可以在用户还未输入的时候，依然帮助到用户。

如果提示特别复杂或者重要，请使用帮助，它会一直显示在那里。

五、帮助提示 Tips

说明要求，解释原因，甚至帮助回忆。

1. 三种方式

常驻、按需提供、偶尔需要。

2. 给予解释

当前需要用户填写相对隐私的信息时，请给予解释这么做的原因及目的。