网站制作中的输入框设计注意哪些方面？

1、输入提示

　　数据的呈现方式多种多样，所以，当你在设计输入框的时候，应当与用户输入信息的类型、格式相互匹配。

　　选中输入框准备输入的时候，应当提供清晰的视觉提示，这样让用户明确知道自己的位置，而不是迷失在茫茫表格中，这种细微的反馈会让用户更有掌控力。比如：外发光的输入框，或者闪动的光标，变颜色、加粗等都行。金额输入：当用户输入的金额超过千时，出现最高分位提示，每多输入一位，最高分位随之增加。通过设计输入框格式来“格式化”输入内容，让用户可以清楚的知道应该输入哪种类型、多少位。对于手机的输入设置成3-4-4格式，身份证的输入设置成6-8-4格式，便于用户能够清楚及时了解到自己输入的号码有无缺漏。【对于身份证与手机，保存后可将中间几位数变成*号，毕竟是敏感信息】输入框的输入记录：对部分输入框的内容进行记录，比如登录用户名、手机号，无需用户二次登录时输入，提高输入速率，优化用户体验。

2、必要的说明

　　（1）不要过于依赖占位文本和标签。

　　 一旦在输入框里输入内容，占位文本就无法被看到了——一则用户无法检查输入的内容是否正确；二则当用户在输入框中看到提示文本，他们有可能认为这个文本框已被预填成功从而忽略它。

　　可以使用浮动标签，当用户填写当前文本框时，行内标签即浮动到文本框顶部，这样可以使用户随时确认他们填写的内容是否正确。

　　 一般当屏幕中多于两个输入框时，行内标签就不适用了。

   （2）加入文字说明：比如：专业性强，大众可能不清楚的文本解释。

　　 例如：银行转账不是及时到账，需要两小时，金额每天有上限，并且和所剩的余额相关。如果这些是在用户输入完才告知，或者报错，那么这个锅用户当然不愿意背。

　　 再比如：安全隐私或者金钱相关，有心理顾虑，可以承诺不会对用户造成损失，或者找背书，该方案已经通过XXX安全认证。消除顾虑之后才能顺利进行下一步。

   （3）网站制作的帮助信息（或相关文字）应当出现在需要的地方。

　　 比如：表单中用文字说明为何需要填写信用卡号，以及生日日期填写之后的福利，又或者“服务条款”链接的存在。它们适时地出现，帮助用户解释了一些令人困惑的问题。一般说来，这类帮助信息最好不要超过100字。