表单填写快捷键
1. 简介
1.1 功能简介
表单填写快捷键,即在表单填写时,支持使用键盘上的快捷键在表单字段间进行字段聚焦、切换、选中及填写。
1.2 使用场景
在表单填写时,若不方便使用鼠标进行填写,可以选择使用快捷键的方式直接进行填写,提高操作的准确性。
2. 操作步骤
2.1 组件快捷键规则
1)使用 Tab 键聚焦在第一个选项,Esc 键失焦。如下,以单选按钮组为例:
2)聚焦状态下,可以通过 Tab 键或者上/下键来切换选项。
示例:在单选按钮组中通过 Tab 键切换选项。
3)聚焦某一选项后,通过 Enter 键可以选中选项,再次按 Enter 键取消选中。
示例:在复选框组中通过 Enter 键选中选项 1,再次按下 Enter 键取消选中。
4)若有其他选项,则在聚焦后,按下 Enter 键会选中,并聚焦在该输入框中。
2.2 主字段快捷键规则
主字段中相关快捷键的含义如下表所示:
快捷键 | 含义 |
Tab | 向下切换聚焦对象 |
Shift+Tab | 向上切换聚焦对象 |
Enter |
|
Esc | 失焦;关闭下拉面板 |
上 | 向上切换聚焦选项 |
下 | 向下切换聚焦选项 |
左 | 向左切换聚焦选项 |
右 | 向右切换聚焦选项 |
2.2.1 单行文本、多行文本和数字
1)使用 Tab 键聚焦第一个字段,Esc 键失焦。
2)在 多行文本 中,可以使用 Enter 键进行换行。
- 若有提交按钮,则会向下切换至提交按钮
- 若向下无切换字段可选,则回到第一个字段
2.2.2 手机
手机字段 的规则如下:
1)若聚焦于手机号输入框且获取验证码处于可用状态,按下 Enter 键,能够触发发送验证码并切换至短信验证码输入框。
2)若聚焦于手机号输入框且获取验证码处于可用状态,按下 Tab 键,则切换至获取验证码。
3)聚焦于获取验证码时,按下 Enter 键,则可以发送验证码,并切换至短信验证码输入框。
4)聚焦于短信验证码输入框时,按下 Tab 键,切换至下一个字段。
2.2.3 其它规则
1)在表单填写时,若下一个字段为以下字段时,则跳过该字段,聚焦向下顺延;同时,以下字段均不支持 Tab 键聚焦和 Esc 键失焦:
示例:单行文本的下一个字段为图片,则按下 Tab 键后,跳过图片字段,聚焦于数字字段。
2)地址字段中,可以通过 Enter 键打开下拉面板,通过左右键切换省、市、区选项。
2.3 子表单字段快捷键规则
子表单字段中,相关快捷键及其含义如下表所示:
快捷键 | 含义 |
Tab | 向右切换聚焦对象 |
Shift+Tab | 向左切换聚焦对象 |
Enter |
|
Esc | 失焦;关闭下拉面板 |
上 | 向上切换聚焦选项 |
下 | 向下切换聚焦选项 |
左 | 向左切换聚焦选项 |
右 | 向右切换聚焦选项 |
1)从上一个字段使用 Tab 键切换至子表单时,聚焦在子表单的第一行第一列单元格。
注:子表单内第一个字段须为支持聚焦的字段,否则 Tab 键切换后无法聚焦至第一行第一列的单元格。
2)聚焦至单元格时,能够通过 Tab 键切换子表单中的字段。
3)在最后一行的任意单元格中,按下 Enter 键,则新增一行数据,并聚焦在相同列新增行的单元格中。
示例:在第 2 列第 3 行单元格中按下 Tab 键,则新增第 4 行单元格,并聚焦至第 2 列第 4 行单元格。