CN110703977A - H5网页的输入键盘实现方法、装置、设备及存储介质 - Google Patents

Abstract

本发明涉及研发管理领域，公开了一种H5网页的输入键盘实现方法，根据输入框形状和显示底色识别H5网页上的输入框，并进行标记以及设置为可读模式，根据被标记的输入框中的展示内容确定输入键盘的定义方式，计算出标记输入框在H5网页的区域范围，确定对应的输入键盘的布局方式，选择对应的键盘模型，基于定义方式对键盘模型进行重定义，得到基本输入键盘，监听唤醒后的基本输入键盘上的各按键的触发满足合法性要求时，在输入框中输入与触发对应的数据内容。本发明还公开了一种H5网页的输入键盘实现装置、设备及存储介质，实现键盘与场景的绑定，解决键盘与业务的输入框的输入内容不匹配的问题，还保证输入信息的安全，提升用户的使用体验。

Description

H5网页的输入键盘实现方法、装置、设备及存储介质

技术领域

本发明涉及研发管理领域，尤其涉及一种H5网页的输入键盘实现方法、装置、设备及计算机可读存储介质。

背景技术

随着网页功能的越来越多样化，尤其是对于H5网页的开发上，为了实现不同的业务，在H5网页中会设置多种类型的输入框，每个输入框对应的输入内容是不一样的，同时也会对输入键盘显示也会不一样。

而针对这种不一样，现有的实现方式是基于手机或者终端本身的自带输入法键盘来实现，对于需要输入什么样的内容，用户可以自行进行键盘模式的切换，比如纯数字的内容，而从输入法键盘切换至数字键盘需要经过一定的繁琐操作。

例如数字键盘，虽然说可以实现数字内容的输入，但是输入法中的数字键盘是同时带有数字和符号的键盘，而在一些实际场景中，该输入框的输入内容并不需要使用到符号，而对于采用输入法键盘的兼容使用，对于用户来说，则需要进行多余的选择，甚至会出现由于误操作而输入错误的信息，尤其是终端会同时存在多个输入法时，用户的切换使用就极为不方便了。

发明内容

本发明的主要目的在于提供一种H5网页的输入键盘实现方法、装置、设备及计算机可读存储介质，旨在解决现有的输入键盘设置与H5网页不匹配的技术问题。

为实现上述目的，本发明提供一种H5网页的输入键盘实现方法，所述H5网页的输入键盘实现方法包括以下步骤：

根据预设的输入框形状和显示底色识别出H5网页上的所有输入框，并将所述输入框进行标记以及设置其为可读模式，所述可读模式用于定义所述输入框的中待输入内容的格式展示；

获取所述H5网页中被标记的所述输入框中预显示的展示内容，并根据所述展示内容确定输入键盘的定义方式，其中，所述定义方式包括对输入键盘上的每个按键的定义内容以及每个按键的显示位置；

根据所述标记计算出所述输入框位于所述H5网页中的区域范围，并基于所述区域范围确定与所述定义方式相匹配的所述输入键盘的布局方式；

根据所述输入键盘的布局方式选择对应的键盘模型，并基于所述定义方式对所述键盘模型上的各个按键进行重定义，以形成用于与所述输入框绑定的基本输入键盘；

检测所述输入框上的操作事件，并唤醒所述基本输入键盘；

监听所述基本输入键盘上的各按键的触发，并验证所述触发是否满足合法性要求；

若所述触发满足合法性要求，则在所述输入框中输入与所述触发对应的数据内容。

可选地，在所述根据预设的输入框形状和显示底色识别出H5网页上的所有输入框，并将所述输入框进行标记以及设置其为可读模式的步骤之前，所述H5网页的输入键盘实现方法还包括：

获取所述H5网页的网站信息，并根据所述网站信息确定所述H5网页所实现的业务功能，基于所述业务功能确定所述H5网页中每个输入框所对应的业务数据类型；

根据所述业务数据类型以及预设的业务数据类型与数据格式的对应关系，确定所述输入框中的待输入内容的数据格式，其中，所述数据格式为所述待输入内容的展示格式，其包括纯数据格式、数字加符号格式、符号格式和文字格式；

根据所述数据格式在所述输入框中显示满足所述输入框的输入信息验证规则的展示内容。

可选地，所述输入信息验证规则包括：价格规则、价格区间、数值规则、密码规则、二次密码输入规则、电子邮箱规则、身份证号码规则、手机号规则和标签规则中的至少一种。

可选地，所述获取所述H5网页中被标记的所述输入框中预显示的展示内容，并根据所述展示内容确定输入键盘的定义方式的步骤包括：

根据所述标记确定所述输入框位于所述H5网页中的位置坐标，并基于所述位置坐标对所述输入框所在的区域进行截图；其中，所述截图为以所述输入框为中心，以半径为R的范围进行截取，所述R以所述输入框的边界的起点进行计算，所述位置坐标为所述输入框的边界的坐标信息；

利用图片内容提取技术从所述截图中提取输入框中显示的展示内容；

根据预设的输入框的输入信息验证规则提取所述展示内容的数据格式；

根据所述数据格式以及所述业务数据类型与输入键盘的定义方式的对应关系，确定与所述数据格式对应的输入键盘的定义方式。

可选地，所根据所述数据格式以及所述业务数据类型与输入键盘的定义方式的对应关系，确定与所述数据格式对应的输入键盘的定义方式的步骤包括：

若所述数据格式为所述纯数据格式时，则选择数字类型的空白键盘，并从预设的数字键盘定义方式中选择符合所述纯数据格式的定义方式；

或者，若所述数据格式为所述数字加符号格式时，则选择数字加符号类型的空白键盘，并从预设的数字键盘定义方式中选择符合所述数字加符号格式的定义方式；

或者，若所述数据格式为所述符号格式时，则选择符号类型的空白键盘，并从预设的符号键盘定义方式中选择符合所述符号格式的定义方式。

可选地，所述验证所述触发是否满足合法性要求包括：

通过传感器计算用户在所述输入键盘上的每次触控时所产生的压力值，并判断所述压力值是否大于预设压力值；

若大于，则根据所述输入框的输入数据的长度限制条件，判断当前触控输入后的数据长度是否达到长度限制条件；

若是，则拦截当次的触控操作，并关闭所述输入键盘。

可选地，若所述键盘模型为数字键盘时，所述输入键盘的定义方式包括：以列表的形式在所述输入键盘的按键中定义0-9数字按键，以及多个符号按键。

此外，为了实现上述的目的，一种H5网页的输入键盘实现装置，所述输入键盘实现装置包括：

识别模块，用于根据预设的输入框形状和显示底色识别出H5网页上的所有输入框，并将所述输入框进行标记以及设置其为可读模式，所述可读模式用于定义所述输入框的中待输入内容的格式展示；

查询模块，用于获取所述H5网页中被标记的所述输入框中预显示的展示内容，并根据所述展示内容确定输入键盘的定义方式，其中，所述定义方式包括对输入键盘上的每个按键的定义内容以及每个按键的显示位置；

计算模块，用于根据所述标记计算出所述输入框位于所述H5网页中的区域范围，基于所述区域范围确定与所述定义方式相匹配的所述输入键盘的布局方式；

定义模块，用于根据所述输入键盘的布局方式选择对应的键盘模型，并基于所述定义方式对所述键盘模型上的各个按键进行重定义，以形成用于与所述输入框绑定的基本输入键盘；

采集模块，用于检测所述输入框上的操作事件，并唤醒所述基本输入键盘；

判断模块，用于监听所述基本输入键盘上的各按键的触发，并验证所述触发是否满足合法性要求；

输入模块，用于在所述判断模块判断所述触发满足合法性要求时，在所述输入框中输入与所述触发对应的数据内容。

可选地，所述输入键盘实现装置还包括：设置模块，用于获取所述H5网页的网站信息，并根据所述网站信息确定所述H5网页所实现的业务功能，基于所述业务功能确定所述H5网页中每个输入框所对应的业务数据类型；根据所述业务数据类型以及预设的业务数据类型与数据格式的对应关系，确定所述输入框中的待输入内容的数据格式，其中，所述数据格式为所述待输入内容的展示格式，其包括纯数据格式、数字加符号格式、符号格式和文字格式；根据所述数据格式在所述输入框中显示满足所述输入框的输入信息验证规则的展示内容。

可选地，所述输入信息验证规则包括：价格规则、价格区间、数值规则、密码规则、二次密码输入规则、电子邮箱规则、身份证号码规则、手机号规则和标签规则中的至少一种。

可选地，所述查询模块包括：截图单元、提取单元和确定单元；

所述截图单元用于根据所述标记确定所述输入框位于所述H5网页中的位置坐标，并基于所述位置坐标对所述输入框所在的区域进行截图；其中，所述截图为以所述输入框为中心，以半径为R的范围进行截取，所述R以所述输入框的边界的起点进行计算，所述位置坐标为所述输入框的边界的坐标信息；

所述提取单元用于利用图片内容提取技术从所述截图中提取输入框中显示的展示内容；以及根据预设的输入框的输入信息验证规则提取所述展示内容的数据格式；

确定单元用于根据所述数据格式以及所述业务数据类型与输入键盘的定义方式的对应关系，确定与所述数据格式对应的输入键盘的定义方式。

可选地，所述确定单元用于若所述数据格式为所述纯数据格式时，则选择数字类型的空白键盘，并从预设的数字键盘定义方式中选择符合所述纯数据格式的定义方式；或者，若所述数据格式为所述数字加符号格式时，则选择数字加符号类型的空白键盘，并从预设的数字键盘定义方式中选择符合所述数字加符号格式的定义方式；或者，若所述数据格式为所述符号格式时，则选择符号类型的空白键盘，并从预设的符号键盘定义方式中选择符合所述符号格式的定义方式。

可选地，所述判断模块用于通过传感器计算用户在所述输入键盘上的每次触控时所产生的压力值，并判断所述压力值是否大于预设压力值；

若大于，则根据所述输入框的输入数据的长度限制条件，判断当前触控输入后的数据长度是否达到长度限制条件；

若是，则拦截当次的触控操作，并关闭所述输入键盘。

可选地，若所述键盘模型为数字键盘时，所述输入键盘的定义方式包括：以列表的形式在所述输入键盘的按键中定义0-9数字按键，以及多个符号按键。

此外，为实现上述目的，本发明还一种设备，所述设备包括：存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的H5网页的输入键盘实现程序，所述H5网页的输入键盘实现程序被所述处理器执行时实现如上任一项所述的H5网页的输入键盘实现方法的步骤。

此外，为实现上述目的，本发明还一种计算机可读存储介质，所述计算机可读存储介质上存储有H5网页的输入键盘实现程序，所述H5网页的输入键盘实现程序被处理器执行时实现如上任一项所述的H5网页的输入键盘实现方法的步骤。

本发明通过根据输入框实际需要输入的内容和H5网页来定义输入键盘，从而实现键盘与使用场景的绑定，从而提高了输入键盘于网页之间的匹配度，同时还对键盘上输入数据的监控和检验，从而保证输入信息的安全性，从而减少了用户对键盘模式切换控制，提升了用户的使用体验。

附图说明

图1为本发明实施例方案涉及的H5网页的输入键盘实现装置运行环境的结构示意图；

图2为本发明H5网页的输入键盘实现方法第一实施例的流程示意图；

图3为本发明实施例提供的身份证的输入键盘模型显示图；

图4为本发明实施例提供的数字加符号的输入键盘模型显示图；

图5为本发明实施例提供的纯数字的输入键盘模型显示图；

图6为本发明实施例提供的输入键盘位于中间位置的显示图；

图7为本发明实施例提供的输入键盘位于中间偏上位置的显示图；

图8为本发明实施例提供的输入键盘位于中间偏下位置的显示图；

图9为本发明实施例提供的输入键盘位于中间偏下位置的另一种显示图；

图10为本发明H5网页的输入键盘实现装置一实施例的功能模块示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。

本发明提供一种移动设备，该移动设备可以用于实现本发明实施例提供的H5网页的输入键盘实现方法，其具体的硬件实现如图1所示。

参见图1，该移动设备包括：处理器101，例如CPU，通信总线102、用户接口103，网络接口104，存储器105。其中，通信总线102用于实现这些组件之间的连接通信。用户接口103可以包括显示屏(Display)、输入单元比如键盘(Keyboard)，网络接口104可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器105可以是高速RAM存储器，也可以是稳定的存储器(non-volatile memory)，例如磁盘存储器。存储器105可选的还可以是独立于前述处理器101的存储装置。

本领域技术人员可以理解，图1中示出的设备的硬件结构并不构成对H5网页的输入键盘实现装置的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

如图1所示，作为一种计算机可读存储介质的存储器105中可以包括操作系统、网络通信模块、用户接口模块以及基于H5网页的扫码支付程序。其中，操作系统是管理和H5网页的输入键盘实现装置和软件资源的程序，支持H5网页的输入键盘实现程序以及其它软件和/或程序的运行。

在图1所示的移动设备的硬件结构中，网络接口104主要用于接入网络；用户接口103主要用于与外界互联网或者是与提供H5网页的服务器进行通信，调取对于的H5网页信息，而处理器101可以用于调用存储器105中存储的H5网页的输入键盘实现程序，并执行以下H5网页的输入键盘实现方法的各实施例的操作。

在本大明实施例中，对于图1的实现还可以是一种手机等可以触控操作的移动终端，该移动终端的处理器通过读取存储在缓存器或者存储单元中的可以实现H5网页的输入键盘实现方法的程序代码来进行对H5网页中各个输入框的输入键盘的定义设置。

基于上述移动设备硬件结构，提出本发明H5网页的输入键盘实现方法的各个实施例。

参照图2，图2为本发明实施例提供的H5网页的输入键盘实现方法的流程图。在本实施例中，所述H5网页的输入键盘实现方法具体包括以下步骤：

步骤S210，根据预设的输入框形状和显示底色识别出H5网页上的所有输入框，并将所述输入框进行标记以及设置其为可读模式；

在该步骤中，所述可读模式指的是用于定义所述输入框的中待输入内容的格式展示。

在本实施例中，所述H5网页指的是可以支持多种应用系统和浏览器的网页，该种网页可以同时存在多种业务，而每种业务对应的输入框会存在不同格式的输入信息，在一般情况下输入框中的输入内容格式是不会被显示，而该步骤，通过识别输入框，并基于输入框解析输入框中的底层代码所定义的数据形式来确定，并设置输入框为可读模式，该可读模式的设置，只是为了将输入框的数据格式进行展示，这样便于用户的直接输入，以及便于后续的键盘定义以及键盘的调取显示，比如输入的是纯数字格式的数据时，通过可读模式的设置在输入框中展示“0000”格式的数字串，若是符号格式时，则在输入框中显示“00.00”格式的字符串，当然若是带有字母的格式时，显示为“00AA”。

除此之外，设置该展示内容还可以便于后续在对输入框中的待输入内容的数据格式进行提取，不需要再从输入框的底层执行代码进行分析，这样可以提高识别的效率。

对于输入框的识别，具体可以根据预设的输入框的预设的固定形状和形状内的显示底色，在实际应用中对于需要进行输入的文本框除了显示出规定的形状之外，其显示底色相对于背景色也是有比较小的区别的，例如：底色会相对于背景暗点或者高亮点。

假设预设的输入框的形状是矩形以及底色的浅灰色的情况下，其识别过程为：首先通过对H5网页中的闭合图形进行识别，筛选出矩形的图案；然后再对矩形图案内底色进行采样，通过色彩比对确定底色为浅灰色的图案，从而实现对H5网页的所有输入框的识别。

步骤S220，获取所述H5网页中被标记的所述输入框中预显示的展示内容，并根据所述展示内容确定输入键盘的定义方式；

在本实施例中，所述定义方式包括对输入键盘上的每个按键的定义内容以及每个按键的显示位置。

对于所述输入框中展示出来的展示内容，具体是以下的格式展示来展示，比如“0000”格式的数字串，根据展示的内容确定输入键盘的定义方式，基于展示的可以基本确定该输入框中数据格式。

在实际应用中，具体是通过检测所述输入框中定义的显示内容来确定输入键盘的定义方式。优选的，当检测到展示的内容是“00.00”时，通过识别分析该展示的内容来看，并没有字母类的字符，那么可以确定不属于身份证类的输入数据，进一步的，还有符号的字符，则说明是数字类的键盘了，这时，根据数字类的键盘定义方式来获取每个按键的定义内容，最后进行对应的映射即可。

进一步的，若检测到的展示内容中既有数字又有字母时，则确定是身份证类的数字键盘，当然了，还可以对其做进一步的分析，分析有几个字母，若是一个则是身份证，若是多个，则可能是验证码之类的输入框了，这时就不适用本提案的键盘了，可以直接跳转回系统自定义的键盘来使用，也可以是输入法的键盘，通过这样的识别方式实现了输入框对输入键盘的自动生成调用，不需要再通过人为调整，大大提高的输入的效率。

在本实施例中，所述定义方式指的是对空白键盘的重新定义策略，对于本申请来说会为每个输入框配置一个空白的输入键盘，该输入键盘的按键布局可以是目前的26键键盘布局，也可以是九宫格键盘布局，至于选择哪种布局来实现，可以根据网页或者终端的显示来确定。

当然，这里也可以是同时确定两种键盘布局的定义方式，至于选择哪种布局方式来显示就根据实际的需求。

在实际应用中，对于定义方式可以是通过预先设置的方式来实现，而在使用时，直接根据映射关系来确定即可，比如定义方式根据H5网页设计的需求，先设置几种，纯数字键盘的定义、小数点键盘的定义和字母键盘的定义，甚至还包括身份证号键盘的定义等等。

例如，对于九宫格的键盘布局来说，其定义的是上三排的按键内容为1-9，最后一排的是字母或者小数点，以及删除键、“0”键等等，当然，并不一定按照这种顺序来定义，其按键的顺序是可以自主定义排序的。而这种定义方式根据输入框的格式展示来确定。

步骤S230，根据所述标记计算出所述输入框位于所述H5网页中的区域范围，基于所述区域范围确定与所述定义方式相匹配的所述输入键盘的布局方式；

在本实施例中，不同的设备或者设备的不同状态对于键盘的显示布局方式都会有不同的要求，通过计算出输入框在设备中显示的H5网页中的区域范围，然后根据区域范围来确定输入框处于H5网页的中间区域还是边缘区域，若是在中间区域，则优选选择小键盘的布局方式来显示，小键盘的布局方式指的是类似于九宫格的布局方式，这时基本就确定了空白键盘的模型了，然后跳转至步骤S40执行，对每个按键进行定义即可。

步骤S240，根据所述输入键盘的布局方式选择对应的键盘模型，并基于所述定义方式对所述键盘模型上的各个按键进行重定义，形成用于与所述输入框绑定的基本输入键盘；

在本实施例中，在根据确定的定义方式对空白键盘进行自定义后，形成的基本输入键盘是与所述输入框的输入数据格式相匹配，并且可以通过绑定的关系来将该定义方式固定在输入框上，而在需要输入数据时，通过唤醒的操作来实现键盘的显示，而具体的定义过程，在网页的后天来实现快速的定义即可。

当然，在本实施例中，还可以是通过表格映射关系的方式来实现，即是在定义完整后，通过建立输入框与基本输入键盘的映射关系，存储在网页后台中，在输入框备触发需要数据输入时，根据输入框的位置信息或者是其他唯一标识信息来调用即可显示对应的输入键盘了；对于采用这种方式的实现，则需要根据H5网页中的每个输入框进行定义形成输入键盘才可以，这样会存在比较大的资源消耗。

步骤S250，检测所述输入框上的操作事件，并唤醒所述基本输入键盘；

对于该步骤的唤醒可以理解为是键盘的显示，但是该显示是以虚拟悬浮的方式进行显示，也可以是在网页的下方进行显示，并不是限定显示的方式，只要显示完整键盘给用户输入操作即可。

步骤S260，监听所述基本输入键盘上的各按键的触发，并验证所述触发是否满足合法性要求；

在实际应用中，在触发了输入框唤醒输入键盘后，对于用户在键盘上的触控操作还需要进行合法性的验证，具体可以是在触发唤醒键盘时，进行指纹的验证，指纹验证通过后，唤醒键盘并显示在对应的输入框下方，然后针对于每次的触控操作，都要进行压力的判断，当压力值达到预设的值后，认为是合法且有效的触控输入。

在实际应用中，一般在输入框中唤醒了键盘后，其操作时间都会比较短，那么通过监听在唤醒时刻的一段时间内的触控操作，只有在该时间段内的触控操作是有效且合法的输入，当时间到达后，锁定键盘不再进行输入的监听，并且对输入的触发值自动调整至最高值，避免用户忘记关闭键盘而导致误操作的输入，影响使用。

步骤S270，若所述触发满足合法性要求，则在所述输入框中输入与所述触发对应的数据内容。

在本实施例中，在步骤唤醒键盘之前，还包括获取网页所在的浏览器或者是操作系统的类型，根据不同的浏览器或者操作系统的类型选择对对应的键盘布局来显示使用。

通过上述的方式来实现对H5网页中的输入键盘的控制定义，根据不同的输入定义不同的输入键盘，与现有技术相比，不仅省略了键盘的切换操作，还提高了键盘的兼容性，避免了由于键盘的不匹配导致无法输入信息的现象，同时还对键盘输入数据的检验，保证的输入数据的安全性，对于支付类的网页来说，大大提高的操作的安全性能。

进一步的，对于步骤S210具体可以通过以下方式实现，获取所述H5网页中对所述输入框的数据数据的定义代码，根据所述定义代码来确定数据数据的具体格式，然后再通过设置输入框为可读模式，基于可读模式下，根据数据的格式定义显示内容，并将显示内容在所述输入框中显示出来，这样可以便于步骤S220-S240的实现。

在本实施例中，为了便于设备在调用H5网页时，对H5网页中的输入框的识别，本发明提供的输入键盘实现方法，还包括预先在开发H5网页时对输入框的进行按照输入的业务数据类型设置，其具体实现步骤如下，即是在步骤S210之前，还包括：

获取所述H5网页的网站信息，并根据所述网站信息确定所述H5网页所实现的业务功能，基于所述业务功能确定所述H5网页中每个输入框所对应的业务数据类型；

根据所述业务数据类型以及预设的业务数据类型与数据格式的对应关系，确定所述输入框中的待输入内容的数据格式，其中，所述数据格式为所述待输入内容的展示格式，其包括纯数据格式、数字加符号格式、符号格式和文字格式；

根据所述数据格式在所述输入框中显示满足所述输入框的输入信息验证规则的展示内容。

在实际应用中，对于数据格式与业务数据类型可以通过预先设置对应关系表的方式进行设置。其中所述输入信息验证规则包括：价格规则、价格区间、数值规则、密码规则、二次密码输入规则、电子邮箱规则、身份证号码规则、手机号规则和标签规则中的至少一种。

在实际应用中，所述输入信息验证规则反应的是输入的数据格式，也即是说，在确定数据格式时，还可以直接通过对输入信息验证规则中分析出来，因为每个输入框对于输入信息的验证是规定的规则，例如价格规则，则说明输入框所对应的业务是汇总，而在输入框中输入的信息则是数字加标点的格式，并且标点只能是小数点“.”，并且还是保留小数点后至少两位的格式，这时可以直接来确定输入键盘的定义方式，而对于键盘的布局方式，则需要根据终端的显示区域的范围大小来确定。

在本实施例中，对于步骤S220的实现具体可以通过以下方式实现：

根据所述标记确定所述输入框位于所述H5网页中的位置坐标，并基于所述位置坐标对所述输入框所在的区域进行截图；其中，所述截图为以所述输入框为中心，以半径为R的范围进行截取，所述R以所述输入框的边界的起点进行计算，所述位置坐标为所述输入框的边界的坐标信息；

利用图片内容提取技术从所述截图中提取输入框中显示的展示内容；

根据预设的输入框的输入信息验证规则提取所述展示内容的数据格式；

根据所述数据格式以及所述业务数据类型与输入键盘的定义方式的对应关系，确定与所述数据格式对应的输入键盘的定义方式。

进一步的，对于根据所述数据格式以及所述业务数据类型与输入键盘的定义方式的对应关系，确定与所述数据格式对应的输入键盘的定义方式的步骤包括：

若所述数据格式为所述纯数据格式时，则选择数字类型的空白键盘，并从预设的数字键盘定义方式中选择符合所述纯数据格式的定义方式；

或者，若所述数据格式为所述数字加符号格式时，则选择数字加符号类型的空白键盘，并从预设的数字键盘定义方式中选择符合所述数字加符号格式的定义方式；

或者，若所述数据格式为所述符号格式时，则选择符号类型的空白键盘，并从预设的符号键盘定义方式中选择符合所述符号格式的定义方式。

在本实施例中，对于所述输入键盘的匹配定义的需求，一般都是单纯某一种字符类型的业务才会有特殊的设置，一般情况下都是针对于数字键盘来进行设置，在一些安全级别较高的业务中，对于输入内容需要进行高度的保密，例如用户的身份证信息，金额等等，对于这些场景的H5网页或者是业务系统，其不会兼容使用第三方的输入法，会在自己的开发系统或者网页的输入框中集成绑定有对应的键盘，这样来提高安全性。

对于若所述键盘模型为数字键盘时，所述输入键盘的定义方式包括：以列表的形式在所述输入键盘的按键中定义0-9数字按键，以及多个符号按键。

在实际应用中，对于输入键盘的使用会存在几种情况，分别是纯数字键盘、小数点键盘和符号键盘，而纯数字键盘指的是不具有任何符号或者字母的形式，如0-9加上删除以及回车键，一般使用在数字密码中，而小数点键盘则是除了包含有纯数字键盘的按键之外，还定义有小数点等符号的按键，这种键盘一般是在金额的输入框中使用，符号键盘则是纯符号的按键键盘，当然该符号键盘还可以带有一些常用的字母按键，一般使用在特殊名称的输入框中，比如游戏名字的创建，网络名称的创建等等。

对于数字键盘的定义和输入数据的验证过程具体如下：

1、将输入框设置为可读模式，保证输入框只做展示效果，这里的显示效果指的是在输入框中显示出类似于“0000”的字样，当然也可以是“00.00”，具体是根据业务所需要的数据来定；

2、采用列表自定义0-9和小数点和删除的按钮，从而形成基本的数字键盘；

这里实际是定义两种键盘，一种是0-9和删除的按钮键盘，另一种的0-9、删除和小数点的按钮键盘。

3、监听输入框区域的点击事件，从而进行唤起数字键盘和隐藏数字键盘，以此来提升用户操作；

4、监听数字键盘的所有按钮，根据当前按钮的点击事件来判断用户输入的内容的合法性以及有效性；

5、根据自身的业务，可以自定义控制键盘输入的小数点规则和输入的金额大小区间

优选的，这里是选择的带小数点的数字键盘，在实际应用中，上述的两种键盘可以是在一个九宫格的键盘布局中实现，将0-9和删除的按钮作为常显示状态显示，而小数点的按钮，则根据输入框对应的业务类型来选择性的屏蔽，这样可以实现用户对即将输入的内容的辨识，降低输入错误信息的概率。

进一步的，对于输入键盘的定义方式的确定，还需要结合当前的业务类型历来确定，不同的业务类型对应的需要数据也是不同的，比如在支付的业务中，一般会使用的是数字密码，这时，本实施例提供的输入键盘实现方法中，还包括：

获取所述H5网页的网站信息，并根据所述网站信息确定所述H5网页所实现的业务功能，基于所述业务功能筛选出所述输入框待输入的业务数据类型；

根据所述业务数据类型以及预设的业务数据类型与所述数据格式的对应关系，确定所述输入框中的待输入内容的数据格式；所述数据格式为所述待输入内容的展示格式，其包括纯数据格式、数字加符号格式、符号格式和文字格式。

在本实施例中，对于同一个业务在不同的时间段也是需要不同的键盘输入，例如在银行支付业务中，其有可能涉及到身份证输入、金额输入和支付密码的输入等等，这些输入都可以基于一个键盘来实现输入，但是为了提高输入效率和提醒用户输入的信息，本案中通过设置对应输入框的数据格式来提醒用户输入，同时也对输入键盘进行唯一的推送显示，例如身份证输入，首先在输入框中显示一些字样信息“00AA”来标识是身份证信息的输入，这时，在唤醒键盘时，根据该字样信息选择了对应的键盘定义方式，定义九宫格0-9按键和删除按键，以及字母X的按键，如图3-5所示，分别为身份证输入的键盘模型，数字加标点符号的键盘模型和纯数字的键盘模型。

对于上述三个输入键盘的调用，并不是通过预先设置好完成的三个输入键盘存储在设备或者终端的存储单元中，然后再通过对应关系直接调用的方式实现，而在本实施例中，则是通过重新组合的方式设置启用，并且本提案中的重新组合方式也并不复杂，这样的方式可以减少设备或者终端的存储压力，这里只是列举了三种类型键盘，若是更多的话，就会暂用很多的存储空间。

在本实施例中，首先是终端通过调用键盘的定义程序，先在终端上定义出一个或者两个不同布局的键盘模型，具体的可以是存储一个常用的九宫格的输入键盘和全拼的输入键盘的模型，并且将每个按键设置为非固定形式的按键，也即是按钮本身固定但是内容并不固定；这里的定义程序可以是java语言程序，可以根据实际需求进行更改，然后在使用的过程中，终端根据H5网页中不同的输入信息的类型调整对应按钮中的内容来实现键盘的重组定义，得到相符合的键盘；进一步的，所述终端还可以根据用户在终端的触控屏上输入的滑动触控指令来调整键盘的按钮的设置位置。

在本实施例中，对于输入键盘的定义的具体实现方式包括：

终端根据所述输入框在所述H5网页中的显示区域范围确定输入键盘的布局方式；

获取所述输入框中的预展示的数据或者通过提取所述输入框的设定代码中对于输入框的待输入数据的格式定义，基于数据或者格式定义来确定调用的输入键盘中的内容，在这里对于输入键盘的内容，可以直接根据对应关系的方式来确定，比如说获取到输入框中的数据的格式属于身份证的号码格式，这时可以直接根据预先设置存储于终端中的对应关系表来查询确定，确定键盘的内容是数字0-9，加上字母。

根据所述输入键盘的布局方式选择对应的键盘模型，所述键盘模型可以是每个按键设置内容的键盘模型，也可以是空白的键盘模型；若为带有内容的键盘模型时，终端将确定的需要定义的键盘内容与键盘模型中的按钮内容进行比对，确定内容不相同的按钮，即是需要进行重定义的按钮，最后对不相同的按钮进行内容重定义，从而得到对应的输入键盘。

假设键盘模型中只有数字0-9和一个删除键，而空白的还有至少一个，这时这个至少一个空白的按钮就是需要进行重定义的按钮，根据身份证号码的内容，有些身份证需要填写字母的，这时就将该至少一个空白按钮定义为身份证需要的字母；在一些特殊的键盘输入中，可能会存在多个字母，这时若只有一个空白按钮时，则可以通过将所有的字母都定义在这一个空白按钮上，用户在输入时，可以选择对应的字母进行输入，比如输入短信验证码。

终端在确定出需要重定义的按钮后，从确定的键盘内容中选择出模型中没有的内容，然后将这些内容通过映射脚码的方式映射到空白按钮上，从而重新定义出一个满足当前输入框的输入键盘。

在实际应用中，对于输入键盘的定义，若是连续在不同的输入框中切换输入时，则将第一次定义好的键盘作为下一个输入框的重定义的键盘模型，然后重新执行上述的对比过程，将键盘模型进行细微的调整即可，当然了，若是需要大改的时候，则直接调用空白的模型键盘进行内容的直接映射形成。

进一步的，为了保证定义的准确性和完整性，在本案中，H5网页中的输入框统一配置的是空白键盘，这里的空白键盘具有两种，全拼键盘布局方式和九宫格布局方式，基于此，步骤S220包括：

在本实施例中，对于获取所述输入框显示的内容，具体可以通过以下方式实现：

根据所述标记确定所述输入框位于所述H5网页中的位置坐标，并基于所述位置坐标对所述输入框所在的区域进行截图；所述截图为以所述输入框为中心，以半径为R的范围进行截取，所述R以所述输入框的边界的起点进行计算；所述位置坐标为所述输入框的边界的坐标信息；

利用图片内容提取技术从所述截图中提取输入框中显示的数据内容；

判断所述数据内容的数据格式，所述数据格式包括纯数据格式、数字加符号格式、符号格式和文字格式中的一种；

根据判断的结果，以及数据格式与输入键盘的定义方式的对应关系，查询确定与所述判断的结果对应的定义方式。

在实际应用中，假设标记设置为黄色高亮线时，其识别输入框具体是以黄色高亮线作为搜索条件，从所述截图中确定输入框的范围，然后基于文字提取技术提取所述黄色高亮线范围内的文字和字符，然后对提取到的文字和字符的排序确定数据内容的格式。

在实际应用中，该方法还包括确定H5网页所应用的浏览器的类型和操作系统，若浏览器是手机上的浏览器以及操作系统为ISO系统时，则说明H5网页的显示方式是竖屏显示，则确定键盘的布局方式是九宫格，并且基于当前的业务类型来看是数字类的交互业务，从而确定是以数字键盘的定义方式来对空白键盘进行定义。

进一步的，对于步骤S60在验证所述触发是否满足合法性要求，具体包括：

通过传感器计算用户在所述输入键盘上的每次触控时所产生的压力值，并判断所述压力值是否大于预设压力值；

若大于，则根据所述输入框的输入数据的长度限制条件，判断当前触控输入后的数据长度是否达到长度限制条件；

若是，则拦截当次的触控操作，并关闭所述输入键盘。

在实际应用中，对于H5网页的输入框设置，一般都会存在内容长度的输入限制，比如身份证号码常规都是15位，即是15个字节的长度，超过15个字节的内容是输入无效的操作，为了简化键盘的关闭动作，通过上述的判断条件实现了键盘的自动关闭，化简了输入的操作步骤，也提高了输入的智能控制。

通过本提案的方式进行输入键盘的定义，不仅实现了于业务的数据需求进行匹配，还可以实现对键盘的个性化定义，大大提高了用户的使用体验。

同时，通过对定义后的键盘输入操作的实时监控检验，保证的输入数据的安全性。

在本实施例中，对于键盘的布局方式主要包括九宫格键盘和全拼键盘布局方式，当然也可以根据用户的实际使用习惯进行自定义键盘，比如15键、19键等等的按键数量布局方式。

假设显示H5网页的设备为平板电脑类型的大触控屏终端时，若计算出的输入框的区域范围刚好是位于终端的中间区域或者中上区域范围内时，则根据屏幕的尺寸大小确定选择九宫格键盘的布局方式会比较的合适，由于屏幕的尺寸相对较大，若选择全拼键盘的布局方式，则在键盘显示后会遮挡H5网页的大部分区域，影响了用户对其他范围内容的查看，而选择九宫格键盘，其遮挡的面积就大大缩小了。

同理对于输入框在屏幕的中上区域时，其优选的键盘布局方式与位于中间区域的布局方式相同，当然也可以根据用户的输入习惯选择全拼键盘或者其他自定义键盘，只是这里优选默认的选择九宫格键盘，具体如图6-7所示，根据输入框在显示区域中的中间或者中间偏上位置或者区域时，键盘的布局方式的选择情况。

若计算出的输入框的区域范围刚好是位于终端的中下区域范围内时，由于H5网页的中下区域靠近了终端屏幕的边缘位置，则根据屏幕的尺寸大小确定选择全拼键盘的布局方式会比较的合适，并且还需要紧贴着屏幕的边缘进行显示，其显示可以是填充满下方区域，也可以输入框至右或者左边的区域，具体如图8-9所示，根据输入框在显示区域中的中间偏下位置或者区域时，键盘的布局方式的选择情况。

为了解决上述的问题，本发明实施例还提供了一种H5网页的输入键盘实现装置，参照图10，图10为本发明实施例提供的H5网页的输入键盘实现装置的功能模块的示意图。在本实施例中，该装置包括：

识别模块，用于根据预设的输入框形状和显示底色识别出H5网页上的所有输入框，并将所述输入框进行标记以及设置其为可读模式，所述可读模式用于定义所述输入框的中待输入内容的格式展示；

查询模块110，用于获取所述H5网页中被标记的所述输入框中预显示的展示内容，并根据所述展示内容确定输入键盘的定义方式；其中，所述定义方式包括对输入键盘上的每个按键的定义内容以及每个按键的显示位置；

计算模块120，用于根据所述标记计算出所述输入框位于所述H5网页中的区域范围，基于所述区域范围确定与所述定义方式相匹配的所述输入键盘的布局方式；

定义模块130，用于根据所述输入键盘的布局方式选择对应的键盘模型，并基于所述定义方式对所述键盘模型上的各个按键进行重定义，形成用于与所述输入框绑定的基本输入键盘；

采集模块140，用于检测所述输入框上的操作事件，并唤醒所述基本输入键盘；

判断模块150，用于监听所述基本输入键盘上的各按键的触发，并验证所述触发是否满足合法性要求；

输入模块160，用于在所述判断模块150判断所述触发满足合法性要求时，在所述输入框中输入与所述触发对应的数据内容。

基于与上述本发明实施例的H5网页的输入键盘实现方法相同的实施例说明内容，因此本实施例对H5网页的输入键盘实现装置的实施例内容不做过多赘述。

本实施例通过根据预设的输入框形状和显示底色识别出H5网页上的所有输入框，并将所述输入框进行标记以及设置其为可读模式，获取所述H5网页中被标记的所述输入框中预显示的展示内容，并根据所述展示内容确定输入键盘的定义方式，根据所述标记计算出所述输入框位于所述H5网页中的区域范围，基于所述区域范围确定与所述定义方式相匹配的所述输入键盘的布局方式，根据所述输入键盘的布局方式选择对应的键盘模型，并基于所述定义方式对所述键盘模型上的各个按键进行重定义，形成用于与所述输入框绑定的基本输入键盘，检测所述输入框上的操作事件，并唤醒所述基本输入键盘；监听所述基本输入键盘上的各按键的触发，并验证所述触发是否满足合法性要求，若所述触发满足合法性要求，则在所述输入框中输入与所述触发对应的数据内容。基于上述的实施，不仅实现键盘与使用场景的绑定，以及解决了键盘与业务的输入框的输入内容的不匹配的问题，同时还对键盘上输入数据的监控和检验，从而保证输入信息的安全性，从而减少了用户对键盘模式切换控制，提升了用户的使用体验。

本发明还提供一种设备，该设备可以是移动终端，但是是具有可以调用H5网页的终端，可以是个人计算机(PC)、智能手机等。

在本实施例中，所述设备包括：存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的H5网页的输入键盘实现程序，所述H5网页的输入键盘实现程序被所述处理器执行时实现如所述的H5网页的输入键盘实现方法的步骤。其中，H5网页的输入键盘实现程序被处理器执行时所实现的方法可参照本发明H5网页的输入键盘实现方法的各个实施例，因此不再过多赘述。

本发明还提供一种计算机可读存储介质。

本实施例中，所述计算机可读存储介质上存储有H5网页的输入键盘实现程序，所述H5网页的输入键盘实现程序被处理器执行时实现如上述任一项实施例中所述的H5网页的输入键盘实现方法的步骤。其中，H5网页的输入键盘实现程序被处理器执行时所实现的方法可参照本发明H5网页的输入键盘实现方法的各个实施例，因此不再过多赘述。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器或者网络设备等)执行本发明各个实施例所述的方法。

上面结合附图对本发明的实施例进行了描述，但是本发明并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本发明的启示下，在不脱离本发明宗旨和权利要求所保护的范围情况下，还可做出很多形式，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，这些均属于本发明的保护之内。

Claims (10)

1.一种H5网页的输入键盘实现方法，其特征在于，所述H5网页的输入键盘实现方法包括以下步骤：

根据预设的输入框形状和显示底色识别出H5网页上的输入框，并将所述输入框进行标记以及设置其为可读模式，所述可读模式用于定义所述输入框的中待输入内容的格式展示；

获取所述H5网页中被标记的所述输入框中预显示的展示内容，并根据所述展示内容确定输入键盘的定义方式，其中，所述定义方式包括对输入键盘上的每个按键的定义内容以及每个按键的显示位置；

根据所述标记计算出所述输入框位于所述H5网页中的区域范围，并基于所述区域范围确定与所述定义方式相匹配的所述输入键盘的布局方式；

根据所述输入键盘的布局方式选择对应的键盘模型，并基于所述定义方式对所述键盘模型上的各个按键进行重定义，以形成用于与所述输入框绑定的基本输入键盘；

检测所述输入框上的操作事件，并唤醒所述基本输入键盘；

监听所述基本输入键盘上的各按键的触发，并验证所述触发是否满足合法性要求；

若所述触发满足合法性要求，则在所述输入框中输入与所述触发对应的数据内容。

2.如权利要求1所述的H5网页的输入键盘实现方法，其特征在于，在所述根据预设的输入框形状和显示底色识别出H5网页上的所有输入框，并将所述输入框进行标记以及设置其为可读模式的步骤之前，所述H5网页的输入键盘实现方法还包括：

获取所述H5网页的网站信息，并根据所述网站信息确定所述H5网页所实现的业务功能，基于所述业务功能确定所述H5网页中每个输入框所对应的业务数据类型；

根据所述业务数据类型以及预设的业务数据类型与数据格式的对应关系，确定所述输入框中的待输入内容的数据格式，其中，所述数据格式为所述待输入内容的展示格式，其包括纯数据格式、数字加符号格式、符号格式和文字格式；

根据所述数据格式在所述输入框中显示满足所述输入框的输入信息验证规则的展示内容。

3.如权利要求2所述的H5网页的输入键盘实现方法，其特征在于，所述输入信息验证规则包括：价格规则、价格区间、数值规则、密码规则、二次密码输入规则、电子邮箱规则、身份证号码规则、手机号规则和标签规则中的至少一种。

4.如权利要求1-3任一项所述的H5网页的输入键盘实现方法，其特征在于，所述获取所述H5网页中被标记的所述输入框中预显示的展示内容，并根据所述展示内容确定输入键盘的定义方式的步骤包括：

根据所述标记确定所述输入框位于所述H5网页中的位置坐标，并基于所述位置坐标对所述输入框所在的区域进行截图，其中，所述截图为以所述输入框为中心，以半径为R的范围进行截取，所述R以所述输入框的边界的起点进行计算，所述位置坐标为所述输入框的边界的坐标信息；

利用图片内容提取技术从所述截图中提取输入框中显示的展示内容；

根据预设的输入框的输入信息验证规则提取所述展示内容的数据格式；

根据所述数据格式以及所述业务数据类型与输入键盘的定义方式的对应关系，确定与所述数据格式对应的输入键盘的定义方式。

5.如权利要求3所述的H5网页的输入键盘实现方法，其特征在于，所根据所述数据格式以及所述业务数据类型与输入键盘的定义方式的对应关系，确定与所述数据格式对应的输入键盘的定义方式的步骤包括：

若所述数据格式为所述纯数据格式时，则选择数字类型的空白键盘，并从预设的数字键盘定义方式中选择符合所述纯数据格式的定义方式；

若所述数据格式为所述数字加符号格式时，则选择数字加符号类型的空白键盘，并从预设的数字键盘定义方式中选择符合所述数字加符号格式的定义方式；

若所述数据格式为所述符号格式时，则选择符号类型的空白键盘，并从预设的符号键盘定义方式中选择符合所述符号格式的定义方式。

6.如权利要求5所述的H5网页的输入键盘实现方法，其特征在于，所述验证所述触发是否满足合法性要求包括：

通过传感器计算用户在所述输入键盘上的每次触控时所产生的压力值，并判断所述压力值是否大于预设压力值；

若大于预设压力值，则根据所述输入框的输入数据的长度限制条件，判断当前触控输入后的数据长度是否达到长度限制条件；

若达到长度限制条件，则拦截当次的触控操作，并关闭所述输入键盘。

7.如权利要求6所述的H5网页的输入键盘实现方法，其特征在于，若所述键盘模型为数字键盘时，所述输入键盘的定义方式包括：以列表的形式在所述输入键盘的按键中定义0-9数字按键，以及多个符号按键。

8.一种H5网页的输入键盘实现装置，其特征在于，所述输入键盘实现装置包括：

识别模块，用于根据预设的输入框形状和显示底色识别出H5网页上的所有输入框，并将所述输入框进行标记以及设置其为可读模式，所述可读模式用于定义所述输入框的中待输入内容的格式展示；

查询模块，用于获取所述H5网页中被标记的所述输入框中预显示的展示内容，并根据所述展示内容确定输入键盘的定义方式；其中，所述定义方式包括对输入键盘上的每个按键的定义内容以及每个按键的显示位置；

计算模块，用于根据所述标记计算出所述输入框位于所述H5网页中的区域范围，基于所述区域范围确定与所述定义方式相匹配的所述输入键盘的布局方式；

定义模块，用于根据所述输入键盘的布局方式选择对应的键盘模型，并基于所述定义方式对所述键盘模型上的各个按键进行重定义，形成用于与所述输入框绑定的基本输入键盘；

采集模块，用于检测所述输入框上的操作事件，并唤醒所述基本输入键盘；

判断模块，用于监听所述基本输入键盘上的各按键的触发，并验证所述触发是否满足合法性要求；

输入模块，用于在所述判断模块判断所述触发满足合法性要求时，在所述输入框中输入与所述触发对应的数据内容。

9.一种设备，其特征在于，所述设备包括：存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的H5网页的输入键盘实现程序，所述H5网页的输入键盘实现程序被所述处理器执行时实现如权利要求1-7中任一项所述的H5网页的输入键盘实现方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有H5网页的输入键盘实现程序，所述H5网页的输入键盘实现程序被处理器执行时实现如权利要求1-7中任一项所述的H5网页的输入键盘实现方法的步骤。

Images