表单填写快捷键

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 键进行换行。

3)按下 Tab 键可以在 单行文本多行文本数字字段 三个字段的输入框之间向下切换。

  • 若有提交按钮,则会向下切换至提交按钮
  • 若向下无切换字段可选,则回到第一个字段

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 行单元格。

Copyright(C)2023 HFBangFu Inc. All Rights Reserved 皖ICP备12017563号-5