控件集—— Text Fields文本域

定义

文本域是一个横向的条状，并有固定的高度范围，通常四角为圆角。当用户点击一个文本域的时候，虚拟键盘会跳出来，以让用户填写一定字节的信息。

使用规范

在文本域中填入一些引导，方便用户知晓文本域的作用。当用户没有在文本域之中填入任何信息的时候，文本域可以承载一些样本信息，例如“邮件地址”或者“请输入密码”等等信息。不要在文本域外面设计额外的说明文字。

在文本域中有文字时，在右侧显示清空图标。当清空图标出现时，点击以清空文本域，以替代反复点击虚拟键盘上的删除键。

可考虑对敏感信息使用安全的文本域。例如输入密码的时候，向用户提示该文本域已被加密保护，输入的内容显示为星号。

注意长度限制。文本域输入的内容过长会出现显示不全的情况，在这种情况下需要适当拓宽文本域或限制输入内容的长度。

TIP：

当虚拟键盘跳出时，请保证虚拟键盘适应即将输入的对应内容。当用户点击电话号码框时，跳出的键盘应当是数字键盘。当用户要输入电子邮件时，跳出的键盘应当是字幕键盘，并切换到英文输入法。在必要的时候可以改变键盘的格局，以适应更详细更针对的输入需求。

满足个性化场景

当用户点击文本域时，将样本信息缩小显示以提示用户正在输入的内容。在真实的使用场景中用户的操作流程可能不是连续的，在设计中必需要考虑到操作被打断的情况，例如在输入文本的时候被打断，用户可能忘记自己输入的是什么内容，这种情况下应当给予相应的提示。

提供给用户一定的输入格式。一方面，输入格式可以让用户少输入重复的或者难以输入的符号或信息。另一方面可以统一输入格式，避免出现乱填错填的情况。

具体的针对的文本域环境中，键盘的格局可以改变。当文本域环境足够特殊和针对时，虚拟键盘的格局可以摒弃一些按键，只保留需要用到的按键来提升输入效率。例如在输入网址的页面之中，虚拟键盘会将“.”、“/”、“.com” 等按键预设在初始虚拟键盘中；在输入邮箱地址的页面中，虚拟键盘会将“@”等按键预设在初始。还有一些更特殊的场景，例如航班号和高铁车次的输入界面。