轻松让你搞定输入框和表单的21个秘诀（一）
表单是 UI 界面中最为常见的元素，它通常是用来搜集和呈现一些数据、信息和特定的字段。在现实世界中，印刷的表格存
在的时间更为久远，它们身上有很多设计可以作为重要的参考，帮助我们优化 UI 中的表单元素。
1、充分了解文本输入框的构成
文本输入框是 UI 表单的基本组成部分，无论是表单还是对话框中，它都非常常见。文本字段是提供内容输入交互的核心组
件，在进行布局和交互设计的时候，它其实有着不低的设计要求：它需要高效、显著且有良好的可访问性。
这些是文本输入框的关键元素：
①文本容器——可交互的输入区域
②输入文本——所输入的文本内容
③标签文本——告诉用户这个表单字段中要输入的内容属性
④占位符文本——输入信息的范例，用户后续需要用自己的内容替代它
⑤帮助和验证（可选）——提供上下文信息和验证信息
⑥前导图标（可选）——描述文本字段所需的输入类型和特征
⑦后缀图标（可选）——对输入内容进行控制，比如现实和隐藏
2、明确文本输入框的类型
文本输入框确实是用来输入文本内容的，但是不同类型的文本差别很大，特定类型的文本输入框都应该进行合理的优化，比
如银行卡号。下面列举出了我们在 UI 设计的时候，最常用到的一些输入框：
（这里暂时不具体展开文本输入框的具体类型，因为在系列文章后面会单独列举的）