编辑导语：软键盘（Soft Keyboard），又称虚拟键盘，它并不是真实的物理键盘，而是在屏幕内拥有键盘样式和成果的控件。所以软键盘要比真正的键盘小，并且没有手感很难盲操纵。软键盘与物理键盘有很大的差异，屏幕的空间也让软键盘的设计需要有更多的思量因素。接下来，本文作者就我们总结了一些软键盘的设计中需要留意的细节。

软键盘（Soft Keyboard）又称为虚拟键盘，是一个在界面内有着键盘形态和成果的控件。用户可以通过软键盘完成各类场景下的输入，从而完成用户方针。

软键盘在用户输入场景中起到了很是重要的浸染，出格是在用户需要持续输入差异的内容时，可以或许为用户公道挪用差异的键盘以及定制得当的键盘指令，可以晋升用户填写效率，带给用户更友好的交互体验。

软键盘的挪用法则往往容易被新人设计师忽略，假如没有明晰的键盘挪用法则，对开拓同学来说一般是挪用默认键盘，这意味着用户在填写进程中大概需要不断切换键盘，造成操纵本钱增加，甚至会增大页面的跳出率。

那么，我们该如何讲清楚键盘的挪用法则和个中需要留意的设计细节呢？本篇文章总结了软键盘挪用法则的细节履历，但愿可以或许给设计师一些参考，在设计稿上标注出明晰的键盘范例及交互法则，给用户带来更友好的填写体验。

一、软键盘的根基元素

首先，我们先来认识一下软键盘，相识软键盘控件的根基组成元素，下图以 iOS/Android 的默认键盘为例：

1. 内容区按键

键盘的焦点主体，差异的键盘范例有差异的内容及机关。

2. 成果按键

键盘上的行动指令，可按照场景定制按键的行动及交互。

3. 其他按键

键盘上的其他按键，包罗键盘范例切换、巨细写切换、删除、语音输入等。

二、软键盘的范例

相识完软键盘的根基组成，接下来看看软键盘有哪些范例。

即即是在同一个原生系统，软键盘也有着各式百般的差异范例。我们通过软键盘内容区按键的差异，可以分为以下 8 种常用的键盘范例 keyboard type，从而满意大部门的场景需求。

1. 默认键盘

通例的全键盘，不做任何限制，可输入中英文字母数字等：

2. 字母键盘

通例英文输入键盘，不行输入中文，常用于暗码输入场景：

3. 邮箱键盘

在默认键盘基本上增加了“@”和“.”，常用在邮箱输入场景：

4. URL键盘

在默认键盘基本上增加了“.com”、“.”和“/”等，常用在输入网址的场景：

5. 数字键盘

仅可输入数字 0-9，常用于输入验证码场景：

6. *** 号码键盘

在数字键盘的基本上，增加「*」「 # 」2 个标记：

7. 小数点键盘

在数字键盘的基本上，增加小数点，常用于金额输入场景：

8. 数字标记键盘

在数字键盘的基本上，多了标点标记：