1.1.6 输入文本

输入本文的位置和占位符文本所在的位置相同，如图1-8所示。不同之处在于，占位符文本是系统默认的，而输入文本是用户主动输入的。在颜色方面，输入文本和文本框标签相同，但比占位符文本要显著。

图1-8 输入文本样式

1．输入文本类型

根据输入内容的样式和多少，输入文本主要分为单行文本和多行文本两种类型，如图1-9所示。其中，单行文本的宽度和高度保持不变，而多行文本的宽度不变，根据实际内容，决定高度是否设计成自适应文本内容。一般文本输入框都有文本长短限制，例如，50字以内。

图1-9 常见输入文本类型

2．输入文本限制

输入文本限制主要分为以下两类。

● 输入文本的内容限制。常见的内容限制主要有纯数字（如手机号码）、纯字母（如英文名）、纯汉字（如中文名），以及各种类型的排列组合或违禁内容的输入限制。如果用户输入限制的内容，我们可以按无法输入的逻辑处理，也可以在用户输入时，使用帮助文本提示用户输入的内容不合法。

● 输入文本的长度限制。每一个输入文本都要有一个输入长度的极限值，例如，要求手机号码只能有11位，身份证号码只能有18位，文本描述不能超过50个汉字等，这些都是关于输入文本的长度限制。

无论是单行文本，还是多行文本，在产品设计中，都要考虑到输入文本的限制逻辑。

3．长文本处理方式

有时候文本长度已经超过了输入框的长度，出现了溢出的情况。这时一般会有以下3种文本处理逻辑。

● 截断：只保留最大长度的文本，超过最大长度的溢出部分截断。

● 换行：对溢出文本输入框长度的部分做换行处理，溢出的内容继续在第二段显示。

● 省略：将溢出部分的内容换成省略号，表示输入信息省略。