一种网页页面中多输入框的显示方法、装置及终端设备的制作方法
【专利摘要】本发明适用于计算机【技术领域】，提供了一种网页页面中多输入框的显示方法、装置以及终端设备，所述方法包括：所述方法包括：获取终端设备当前显示的网页页面内的焦点输入框；在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框；当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。本发明使得对输入框进行过程中，无需关闭其它的界面面或者移动输入框，便可直接对输入框进行操作。
【专利说明】一种网页页面中多输入框的显示方法、装置及终端设备
【技术领域】
[0001]本发明属于计算机【技术领域】，尤其涉及一种网页页面中多输入框的显示方法、装置以及终端设备。
【背景技术】
[0002]随着移动终端及互联网技术的发展，人们经常通过移动终端获取互联网上的各种资讯信息，在网页浏览过程中，通常需要在网页登陆页面输入登录信息，或者在注册页面的多个输入框中输入注册信息，其中，登录页面或者注册页面通常包括多个输入框，然而，移动终端的屏幕空间有限，在所述多个输入框的输入过程中，经常会出现输入框被其他的界面覆盖而无法进行输入的情况，例如，输入框可能被输入法软键盘覆盖，请参阅图1为网页页面包括多个输入框的示意图，对多个输入框的输入过程如下:点击账号A框之后，弹出输入法的软键盘，其它的输入框B、C、D就被输入法软键盘挡住，即此时只能对A框进行操作，如果想在密码框B中输入密码的话，必须关闭输入法，将输入法的软键盘收起，重新点击密码框B才能够输入密码，密码框B输入完毕之后，要想点击确定框，因为确定按钮也被输入法软键盘挡住，则还需要关闭输入法，将输入法的软键盘收起，才能够点击确定按钮。
[0003]综上，现有技术在对移动终端网页中的多个输入框进行操作时，当输入框被其它的界面覆盖时，需要关闭所述界面或者手动移动网页页面，才能实现对其它的输入框进行操作。
【发明内容】
[0004]本发明实施例的目的在于提供一种网页页面中多输入框的显示方法，旨在解决现有技术在对移动终端网页中的多个输入框进行操作时，当输入框被其它的界面覆盖时，需要关闭所述界面或者手动移动网页页面，才能实现对其它的输入框进行操作。
[0005]为了实现上述目的，本发明实施例提供如下技术方案:
[0006]本发明的第一个方面提供了一种网页页面中多输入框的显示方法，所述方法包括:
[0007]获取终端设备当前显示的网页页面内的焦点输入框；
[0008]在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框；
[0009]当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。
[0010]本发明的第二个方面提供了一种网页页面中多输入框的显示装置，所述装置包括:
[0011]获取单元，用于获取终端设备当前显示的网页页面内的焦点输入框；
[0012]查找单元，用于在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框；
[0013]滚动单元，用于当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。
[0014]本发明实施例与现有技术相比，有益效果在于:获取终端设备当前显示的网页页面内的焦点输入框，在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框，当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。由于对焦点输入框进行操作时，如果当前页面内还有其它的输入框且其它的输入框位于某一界面的下层时，可以自动将当前页面内的其它的输入框移动至终端设备屏幕的可视区域内，使得对输入框进行过程中，无需关闭其它的界面或者移动网页页面，便可直接对输入框进行操作。
【专利附图】
【附图说明】
[0015]为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0016]图1是本发明实施例提供的网页页面包括多个输入框的示意图；
[0017]图2是本发明实施例一提供的网页页面中多输入框的显示方法的实现的流程图；
[0018]图3是本发明实施例二提供的网页页面中多输入框的显示方法的实现的流程图；
[0019]图4是本发明实施例三提供的网页页面中多输入框的显示方法的实现的流程图；
[0020]图5是本发明实施例三提供的对图1的网页页面进行解析获得的DOM树的示意图；
[0021]图6是本发明实施例三提供的终端设备显示页面中焦点输入框和与所述焦点输入框距离最近的输入框的示意图；
[0022]图7是本发明实施例三提供的计算网页页面滚动的距离和/或终端设备屏幕的画布滚动的距离的示意图；
[0023]图8是本发明实施例四提供的网页页面中多输入框的显示装置的结构图；
[0024]图9是本发明实施例五提供的网页页面中多输入框的显示装置的结构图；
[0025]图10是本发明实施例六提供的网页页面中多输入框的显示装置的结构图。
【具体实施方式】
[0026]为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
[0027]本实施例中，获取终端设备当前显示的网页页面内的焦点输入框，在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框，当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。实现无需关闭其它的界面或者移动网页页面，便可直接对输入框进行操作。
[0028]以下结合具体实施例对本发明的实现进行详细描述:
[0029]实施例一
[0030]图2示出了本发明实施例一提供的网页页面中多输入框的显示方法的实现的流程图，详述如下:
[0031]在S201中，获取终端设备当前显示的网页页面内的焦点输入框；
[0032]本实施例中，所述的终端设备可以是计算机、智能手机、掌上电脑、平板电脑等。尤其适用于对于屏幕较小的便携式终端设备如手机、掌上电脑、平板电脑等。
[0033]本实施例中，所述当前显示的网页页面可以为登录页面或者注册页面，所述焦点输入框是用户当前正在操作的输入框。
[0034]在S202中，在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框；
[0035]本实施例中，所述输入框可以是登陆及其注册页面的按钮，例如，可以是一个密码输入框、一个确定按钮键或者一个取消按钮键等等，所述预设距离范围可以根据用户需要预先在程序中设定查找的距离范围。
[0036]在S203中，当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。
[0037]本实施例中，所述某一界面可以是所述当前显示页面内的界面，还可以是浮动于当前显示页面上的界面，例如，输入法软键盘，各种广告页面等。
[0038]本实施例中，终端设备屏幕的画布为位于终端设备屏幕图层最下方的绘制层。
[0039]本实施例中，所述其它的输入框位于某一界面的下层，即所述其它的输入框被所述某一界面覆盖，用户无法直接对所述输入框进行输入，所述某一界面可能为输入法软键盘界面、或者是其它应用程序的界面。
[0040]本实施例中，获取终端设备当前显示的网页页面内的焦点输入框，在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框，当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。由于在对输入框进行操作过程中，如果当前页面内还有其它的输入框且其它的输入框位于某一界面的下层时，可以自动将当前页面内的其它的输入框移动至终端设备屏幕的可视区域内，使得无需关闭其它的界面或者移动网页页面，便可直接对输入框进行操作。
[0041]实施例二
[0042]图3示出了本发明实施例二提供的网页页面中多输入框的显示方法的实现的流程图，详述如下:
[0043]在S301中，获取终端设备当前显示的网页页面内的焦点输入框，在所述焦点输入框的输入过程中显示输入法软键盘；
[0044]本实施例中，在所述焦点输入框的输入过程中，所述输入法软键盘通常显示与所述输入框的下方，以方便用户进行操作，而此时，位于焦点输入框下面的其它的输入框可能被所述输入法软键盘覆盖。
[0045]在S302中，在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框；
[0046]本实施例中，查找到的输入框可能为一个也可能是多个。
[0047]在S303中，当所述其它的输入框位于所述输入法软键盘的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。
[0048]本实施例中，获取终端设备当前显示的网页页面内的焦点输入框，在所述焦点输入框的输入过程中显示输入法软键盘，在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框，当所述其它的输入框位于所述输入法软键盘的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。由于在对输入框进行操作过程中，将位于所述输入法软键盘的下层的输入框，移至终端设备屏幕的可视区域内，使得对输入框进行过程中，无需关闭输入法软件盘或者移动输入框，便可直接对输入框进行操作。
[0049]实施例三
[0050]图4示出了本发明实施例三提供的网页页面中多输入框的显示方法的实现的流程图，详述如下:
[0051]在S401中，获取终端设备当前显示的网页页面内的焦点输入框，在所述焦点输入框的输入过程中显示输入法软键盘；
[0052]在S402中，查找所述网页页面内位于所述焦点输入框下方，且与所述焦点输入框距离最近的输入框；
[0053]本实施例中，所述S402具体为:
[0054]1、获取所述网页页面的文件对象模型(Document Object Model, DOM)树；
[0055]本实施例中，页面加载的时候会对图1中的登录网页页面进行解析，获取所述登录页面的DOM树，请参阅图5。
[0056]2、在所述DOM树中，查找所述焦点输入框对应的form父节点；
[0057]3、遍历以所述form父节点为根节点的DOM树,查找所述网页页面内位于所述焦点输入框下方，且与所述焦点输入框距离最近的输入框。
[0058]上述根据解析后的DOM树，查找所述网页页面内位于所述焦点输入框下方，且与所述焦点输入框距离最近的输入框，可以采用以下程序流程:
[0059]focusNode=A;获取当前的焦点输入框的结点A ;
[0060]form=parent (A);得到节点 A 的 form 父节点；
[0061]preorder (form);遍历所述form为根节点的dom树；
[0062]if nodeisinput(n)&&rect(A).bottom<rect(n).y,retuun n; nodeislnput (n):判定n是否为input标签,返回true则是；否则不是,rect⑷:得到节点A的render坐标值，以rect方式描述。
[0063]在S403中，当所述距离最近的输入框位于所述输入法软键盘的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内。
[0064]本实施例中，对于便携是终端设备，其显示屏幕较小，为了能够显示更多的其它内容，可以在当前焦点输入框输入的过程中，仅将位于所述焦点输入框下方，且与所述焦点输入框距离最近的输入框同时显示,例如,对于图1中的输入框A、B、C、D，点击A的时候，如果可视区域能够同时容纳A和B的话，会把B也显示出来。类似，点击B的时候，如果可视区域能够同时容纳B和C的话，也会把C也显示出来(因为C和D在同一行，所以也会显示出来)。
[0065]可选的，S403中滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内可以采用以下方式:
[0066]当所述网页页面可向上滚动时，向上滚动所述网页页面，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内；
[0067]或者当所述网页页面不可向上滚动时，向上滚动所述终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内；
[0068]或者当所述网页页面的底端滚动至屏幕底端时，所述焦点输入框和所述距离最近的输入框还未同时显示于终端设备屏幕的可视区域内，则向上滚动终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内。
[0069]本实施例中，通过网页页面滚动，终端设备屏幕的画布滚动，或者网页页面滚动和终端设备屏幕的画布的联合滚动，确保使得所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内，以便对当前焦点输入框操作完成后，可以及时、方便的对距离最近的输入框进行操作。
[0070]可选的，S403可以采用以下方式实现:
[0071]计算所述焦点输入框的上边缘和所述距离最近的输入框的下边缘之间的距离inputDisY，所述输入法软键盘上边缘与所述终端设备屏幕上边缘的距离H，所述焦点输入框的上边缘到所述输入法软键盘上边缘之间的距离X，所述距离最近的输入框在目标位置的下边缘到所述距离最近的输入框在原始位置的下边缘的距离Y，终端设备屏幕的下边缘到网页页面下边缘的距离Z ;
[0072]当H>inputDisY时，根据X、Y、Z计算之间的关系，计算网页页面滚动的距离bitmapDisY和/或终端设备屏幕的画布滚动的距离canvasDisY ；
[0073]根据所述bitmapDisY和canvasDisY,滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。
[0074]为了便于理解，以下一个具体的实现示例对本实施例中对上述滚动过程进行说明，但不以本实现示例的情况为限，请参阅图6，为终端设备屏幕A，以所述终端设备屏幕的左上角为原点建立坐标系，向右水平方向的正方向、向下为垂直方向的正方向，其中，虚线框B为网页页面，输入框C为网页页面内的焦点输入框，输入框D为与所述焦点输入框距离最近的输入框，E为输入法软键盘框，P2为所述输入框D的原始位置，Pl为所述输入框D的目标位置，所述目标位置为页面移动后，输入框D所在的位置，H为所述输入法软键盘上边缘与所述终端设备屏幕上边缘的距离，X为所述焦点输入框的上边缘到所述输入法软键盘上边缘之间的距离，Y为所述距离最近的输入框在目标位置的下边缘到所述距离最近的输入框在原始位置的下边缘的距离，Z为终端设备屏幕的下边缘到网页页面下边缘的距离，则S403实现过程具体为:
[0075]1、计算所述焦点输入框的上边缘和所述距离最近的输入框的下边缘之间的距离inputDisY ；
[0076]inputDisY=rect(D).bottom-rect(C).top
[0077]2、计算网页页面滚动的距离bitmapDisY和/或终端设备屏幕的画布滚动的距离canvasDisY，并根据计算结果滚动页面和/或设备屏幕的画布，请参阅图7 ；
[0078]S701、计算出 X，Y，Z;
[0079]S702、H是否小于inputDisY,如果H〈inputDisY,那么此时设备屏幕无法同时显示输入框 C 和输入框 D，执行 S703 ;如果 H ≥ inputDisY, X=X+inputDisY, Y=Y+inputDisY，执行 S703;
[0080]S703、X 是否小于 O,如果 X〈0,那么 bitmapDisY=0, CanvasDisY=O,计算完毕，执行S706;如果 X>0，执行 S704;
[0081]S704、判断 Z 是否等于 0，如果 Z=O,那么 bitmapDisY=0, CanvasDisY=Y,计算完毕，执行S706;如果Z Φ 0，执行S705 ；
[0082]S705、判断 Y 是否大于等于 Z,果 Y > Z,那么 bitmapDisY=Z, canvasDisY=Y_Z,计算完毕，执行S706，如果Y〈Z，那么bitmapDisY=Y，CanvasDisY=O，计算完毕，执行S706。
[0083]S706、如果bitmapDisY>0，则进行内部滚动(即网页的向上滚动)；如果canvasDisY>0,则进行画布滚动,最终输入框C和输入框D会合理地显示在屏幕的可视区域。
[0084]本实施例中，获取终端设备当前显示的网页页面内的焦点输入框，在所述焦点输入框的输入过程中显示输入法软键盘，查找所述网页页面内位于所述焦点输入框下方，且与所述焦点输入框距离最近的输入框，当所述距离最近的输入框位于所述输入法软键盘的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内。由于在对输入框进行操作过程中，将与所述焦点输入框距离最近的、且位于所述输入法软键盘的下层的输入框，移至终端设备屏幕的可视区域内，使得无需关闭输入法软件盘或者移动输入框，便可直接对输入框进行操作。
[0085]实施例四
[0086]图8示出了本发明实施例四提供的网页页面中多输入框的显示装置的结构图，为了便于说明，仅示出了与本发明实施例相关的部分，该装置可以是内置于终端设备中的软件单元、硬件单元或者软硬结合单元。
[0087]所述装置包括:获取单元81、查找单元82及滚动单元83。
[0088]获取单元81，用于获取终端设备当前显示的网页页面内的焦点输入框；
[0089]查找单元82，用于在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框；
[0090]滚动单元83，用于当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。
[0091]本发明实施例提供的网页页面中多输入框的显示装置可以使用在前述对应的方法实施例一中，详情参见上述实施例一的描述，在此不再赘述。
[0092]实施例五
[0093]图9示出了本发明实施例五提供的网页页面中多输入框的显示装置的结构图，为了便于说明，仅示出了与本发明实施例相关的部分，该装置可以是内置于终端设备中的软件单元、硬件单元或者软硬结合单元。
[0094]所述装置包括:获取单元91、显示单元92、查找单元93及滚动单元94。
[0095]获取单元91，用于获取终端设备当前显示的网页页面内的焦点输入框；
[0096]显示单元92，用于在所述焦点输入框的输入过程中显示输入法软键盘；
[0097]查找单元93，用于在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框；
[0098]滚动单元94，用于当所述其它的输入框位于所述输入法软键盘的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。
[0099]本发明实施例提供的网页页面中多输入框的显示装置可以使用在前述对应的方法实施例二中，详情参见上述实施例二的描述，在此不再赘述。
[0100]实施例六
[0101]图10示出了本发明实施例六提供的网页页面中多输入框的显示装置的结构图，为了便于说明，仅示出了与本发明实施例相关的部分，该装置可以是内置于终端设备中的软件单元、硬件单元或者软硬结合单元。
[0102]所述装置包括:获取单元101、显示单元102、查找单元103及滚动单元104。
[0103]获取单元101，用于获取终端设备当前显示的网页页面内的焦点输入框；
[0104]显示单元102，用于在所述焦点输入框的输入过程中显示输入法软键盘；
[0105]查找单元103，用于查找所述网页页面内位于所述焦点输入框下方，且与所述焦点输入框距离最近的输入框；
[0106]滚动单元104，用于当所述距离最近的输入框位于所述输入法软键盘的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内。
[0107]可选的，查找单元103包括:
[0108]获取模块1031，用于获取所述网页页面的DOM树；
[0109]查找模块1032，用于在所述DOM树中，查找所述焦点输入框对应的form父节点；
[0110]遍历模块1033,用于遍历以所述form父节点为根节点的DOM树,查找所述网页页面内位于所述焦点输入框下方，且与所述焦点输入框距离最近的输入框。
[0111]可选的,所述滚动单元103，具体用于当所述网页页面可向上滚动时，向上滚动所述网页页面，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内；当所述网页页面不可向上滚动时，向上滚动所述终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内；以及当所述网页页面的底端滚动至屏幕底端时，所述焦点输入框和所述距离最近的输入框还未同时显示于终端设备屏幕的可视区域内，则向上滚动终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内。
[0112]可选的，所述滚动单元104包括:
[0113]计算模块1041，用于计算所述焦点输入框的上边缘和所述距离最近的输入框的下边缘之间的距离inputDisY，所述输入法软键盘上边缘与所述终端设备屏幕上边缘的距离H，所述焦点输入框的上边缘到所述输入法软键盘上边缘之间的距离X，所述距离最近的输入框在目标位置的下边缘到所述距离最近的输入框在原始位置的下边缘的距离Y，终端设备屏幕的下边缘到网页页面下边缘的距离Z ；
[0114]所述计算模块1041,还用于当H〉inputDisY时,根据X、Y、Z计算之间的关系，计算网页页面滚动的距离bitmapDisY和/或终端设备屏幕的画布滚动的距离canvasDisY ；
[0115]滚动执行模块1042,用于根据所述bitmapDisY和canvasDisY,滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内。
[0116]本发明实施例提供的网页页面中多输入框的显示装置可以使用在前述对应的方法实施例三中，详情参见上述实施例三的描述，在此不再赘述。
[0117]值得注意的是，上述实施例中，所包括的各个单元只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。
[0118]另外，本领域普通技术人员可以理解实现上述各实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，相应的程序可以存储于一计算机可读取存储介质中，所述的存储介质，如R0M/RAM、磁盘或光盘等。
[0119]以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。
【权利要求】
1.一种网页页面中多输入框的显示方法，其特征在于，所述方法包括: 获取终端设备当前显示的网页页面内的焦点输入框； 在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框； 当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。
2.如权利要求1所述的方法，其特征在于，所述方法包括: 在所述焦点输入框的输入过程中显示输入法软键盘； 所述当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内具体为: 当所述其它的输入框位于所述输入法软键盘的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。
3.如权利要求2所述的方法，其特征在于，所述在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框具体为: 查找所述网页页面 内位于所述焦点输入框下方，且与所述焦点输入框距离最近的输入框； 所述当所述其它的输入框位于所述输入法键盘的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内具体为: 当所述距离最近的输入框位于所述输入法软键盘的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内。
4.如权利要求3所述的方法，其特征在于，所述查找所述网页页面内位于所述焦点输入框下方，且与所述焦点输入框距离最近的输入框具体为: 获取所述网页页面的DOM树； 在所述DOM树中，查找所述焦点输入框对应的form父节点； 遍历以所述form父节点为根节点的DOM树，查找所述网页页面内位于所述焦点输入框下方，且与所述焦点输入框距离最近的输入框。
5.如权利要求3或4所述的方法，其特征在于，所述滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内具体为: 当所述网页页面可向上滚动时，向上滚动所述网页页面，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内； 当所述网页页面不可向上滚动时，向上滚动所述终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内； 当所述网页页面的底端滚动至屏幕底端时，所述焦点输入框和所述距离最近的输入框还未同时显示于终端设备屏幕的可视区域内，则向上滚动终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内。
6.如权利要求3或4所述的方法，其特征在于，所述滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内具体为: 计算所述焦点输入框的上边缘和所述距离最近的输入框的下边缘之间的距离inputDisY，所述输入法软键盘上边缘与所述终端设备屏幕上边缘的距离H，所述焦点输入框的上边缘到所述输入法软键盘上边缘之间的距离X，所述距离最近的输入框在目标位置的下边缘到所述距离最近的输入框在原始位置的下边缘的距离Y，终端设备屏幕的下边缘到网页页面下边缘的距离Z ; 当H>inputDisY时,根据X、Y、Z之间的关系,计算网页页面滚动的距离bitmapDisY和/或终端设备屏幕的画布滚动的距离canvasDisY ； 根据所述bitmapDisY和canvasDisY,滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内。
7.—种网页页面中多输入框的显示装置，其特征在于，所述装置包括: 获取单元，用于获取终端设备当前显示的网页页面内的焦点输入框； 查找单元，用于在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框； 滚动单元，用于当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布， 以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。
8.如权利要求7所述的装置，其特征在于，所述装置还包括: 显示单元，用于在所述焦点输入框的输入过程中显示输入法软键盘； 所述滚动单元，具体用于当所述其它的输入框位于所述输入法软键盘的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。
9.如权利要求8所述的装置，其特征在于，所述查找单元，具体用于查找所述网页页面内位于所述焦点输入框下方，且与所述焦点输入框距离最近的输入框； 所述滚动单元，具体用于当所述距离最近的输入框位于所述输入法软键盘的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内。
10.如权利要求9所述的装置，其特征在于，所述滚动单元包括: 获取模块，用于获取所述网页页面的DOM树； 查找模块，用于在所述DOM树中，查找所述焦点输入框对应的form父节点； 遍历模块，用于遍历以所述form父节点为根节点的DOM树，查找所述网页页面内位于所述焦点输入框下方，且与所述焦点输入框距离最近的输入框。
11.如权利要求9或10所述的装置，其特征在于，所述滚动单元，具体用于当所述网页页面可向上滚动时，向上滚动所述网页页面，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内；当所述网页页面不可向上滚动时，向上滚动所述终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内；以及当所述网页页面的底端滚动至屏幕底端时，所述焦点输入框和所述距离最近的输入框还未同时显示于终端设备屏幕的可视区域内，则向上滚动终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内。
12.如权利要求9或10所述的装置,其特征在于,所述滚动单元包括: 计算模块，用于计算所述焦点输入框的上边缘和所述距离最近的输入框的下边缘之间的距离inputDisY，所述输入法软键盘上边缘与所述终端设备屏幕上边缘的距离H，所述焦点输入框的上边缘到所述输入法软键盘上边缘之间的距离X，所述距离最近的输入框在目标位置的下边缘到所述距离最近的输入框在原始位置的下边缘的距离Y，终端设备屏幕的下边缘到网页页面下边缘的距离Z ； 所述计算模块，还用于当H>inpUtDisY时，根据X、Y、Z计算之间的关系，计算网页页面滚动的距离bitmapDisY和/或终端设备屏幕的画布滚动的距离canvasDisY ； 滚动执行模块，用于根据所述bitmapDisY和canvasDisY,滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述距离最近的输入框同时显示于终端设备屏幕的可视区域内。
13.—种终端设备，其特征在于，所述终端设备包括权利要求7至12任一权利要求所述的网页页面中多输入框 的显示装置。
【文档编号】G06F17/30GK104077313SQ201310105619
【公开日】2014年10月1日 申请日期:2013年3月28日 优先权日:2013年3月28日
【发明者】舒玉强 申请人:腾讯科技（深圳）有限公司