一种网页页面中多输入框的显示方法、装置及终端设备制造方法及图纸

本发明专利技术适用于计算机技术领域，提供了一种网页页面中多输入框的显示方法、装置以及终端设备，所述方法包括：所述方法包括：获取终端设备当前显示的网页页面内的焦点输入框；在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框；当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。本发明专利技术使得对输入框进行过程中，无需关闭其它的界面面或者移动输入框，便可直接对输入框进行操作。

【技术实现步骤摘要】
一种网页页面中多输入框的显示方法、装置及终端设备
本专利技术属于计算机
，尤其涉及一种网页页面中多输入框的显示方法、装置以及终端设备。
技术介绍
随着移动终端及互联网技术的发展，人们经常通过移动终端获取互联网上的各种资讯信息，在网页浏览过程中，通常需要在网页登陆页面输入登录信息，或者在注册页面的多个输入框中输入注册信息，其中，登录页面或者注册页面通常包括多个输入框，然而，移动终端的屏幕空间有限，在所述多个输入框的输入过程中，经常会出现输入框被其他的界面覆盖而无法进行输入的情况，例如，输入框可能被输入法软键盘覆盖，请参阅图1为网页页面包括多个输入框的示意图，对多个输入框的输入过程如下:点击账号A框之后，弹出输入法的软键盘，其它的输入框B、C、D就被输入法软键盘挡住，即此时只能对A框进行操作，如果想在密码框B中输入密码的话，必须关闭输入法，将输入法的软键盘收起，重新点击密码框B才能够输入密码，密码框B输入完毕之后，要想点击确定框，因为确定按钮也被输入法软键盘挡住，则还需要关闭输入法，将输入法的软键盘收起，才能够点击确定按钮。 综上，现有技术在对移动终端网页中的多个输入框进行操作时，当输入框被其它的界面覆盖时，需要关闭所述界面或者手动移动网页页面，才能实现对其它的输入框进行操作。
技术实现思路
本专利技术实施例的目的在于提供一种网页页面中多输入框的显示方法，旨在解决现有技术在对移动终端网页中的多个输入框进行操作时，当输入框被其它的界面覆盖时，需要关闭所述界面或者手动移动网页页面，才能实现对其它的输入框进行操作。 为了实现上述目的，本专利技术实施例提供如下技术方案: 本专利技术的第一个方面提供了一种网页页面中多输入框的显示方法，所述方法包括: 获取终端设备当前显示的网页页面内的焦点输入框； 在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框； 当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。 本专利技术的第二个方面提供了一种网页页面中多输入框的显示装置，所述装置包括: 获取单元，用于获取终端设备当前显示的网页页面内的焦点输入框； 查找单元，用于在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框； 滚动单元，用于当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。 本专利技术实施例与现有技术相比，有益效果在于:获取终端设备当前显示的网页页面内的焦点输入框，在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框，当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。由于对焦点输入框进行操作时，如果当前页面内还有其它的输入框且其它的输入框位于某一界面的下层时，可以自动将当前页面内的其它的输入框移动至终端设备屏幕的可视区域内，使得对输入框进行过程中，无需关闭其它的界面或者移动网页页面，便可直接对输入框进行操作。 【附图说明】 为了更清楚地说明本专利技术实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。 图1是本专利技术实施例提供的网页页面包括多个输入框的示意图； 图2是本专利技术实施例一提供的网页页面中多输入框的显示方法的实现的流程图； 图3是本专利技术实施例二提供的网页页面中多输入框的显示方法的实现的流程图； 图4是本专利技术实施例三提供的网页页面中多输入框的显示方法的实现的流程图； 图5是本专利技术实施例三提供的对图1的网页页面进行解析获得的DOM树的示意图； 图6是本专利技术实施例三提供的终端设备显示页面中焦点输入框和与所述焦点输入框距离最近的输入框的示意图； 图7是本专利技术实施例三提供的计算网页页面滚动的距离和/或终端设备屏幕的画布滚动的距离的示意图； 图8是本专利技术实施例四提供的网页页面中多输入框的显示装置的结构图； 图9是本专利技术实施例五提供的网页页面中多输入框的显示装置的结构图； 图10是本专利技术实施例六提供的网页页面中多输入框的显示装置的结构图。 【具体实施方式】 为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。 本实施例中，获取终端设备当前显示的网页页面内的焦点输入框，在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框，当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。实现无需关闭其它的界面或者移动网页页面，便可直接对输入框进行操作。 以下结合具体实施例对本专利技术的实现进行详细描述: 实施例一 图2示出了本专利技术实施例一提供的网页页面中多输入框的显示方法的实现的流程图，详述如下: 在S201中，获取终端设备当前显示的网页页面内的焦点输入框； 本实施例中，所述的终端设备可以是计算机、智能手机、掌上电脑、平板电脑等。尤其适用于对于屏幕较小的便携式终端设备如手机、掌上电脑、平板电脑等。 本实施例中，所述当前显示的网页页面可以为登录页面或者注册页面，所述焦点输入框是用户当前正在操作的输入框。 在S202中，在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框； 本实施例中，所述输入框可以是登陆及其注册页面的按钮，例如，可以是一个密码输入框、一个确定按钮键或者一个取消按钮键等等，所述预设距离范围可以根据用户需要预先在程序中设定查找的距离范围。 在S203中，当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。 本实施例中，所述某一界面可以是所述当前显示页面内的界面，还可以是浮动于当前显示页面上的界面，例如，输入法软键盘，各种广告页面等。 本实施例中，终端设备屏幕的画布为位于终端设备屏幕图层最下方的绘制层。 本实施例中，所述其它的输入框位于某一界面的下层，即所述其它的输入框被所述某一界面覆盖，用户无法直接对所述输入框进行输入，所述某一界面可能为输入法软键盘界面、或者是其它应用程序的界面。 本实施例中，获取终端设备当前显示的网页页面内的焦点输入框，在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框，当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。由于在对输入框进行操作过程中，如果当前页面内还有其它的输入框且其它的输入框位于某一界面的下层时，可以自动将当前页面内的其它的输入框移动至终端设备屏幕的可视区域内，本文档来自技高网...

【技术保护点】
一种网页页面中多输入框的显示方法，其特征在于，所述方法包括：获取终端设备当前显示的网页页面内的焦点输入框；在所述焦点输入框的预设距离范围内，查找所述网页页面内其它的输入框；当所述其它的输入框位于某一界面的下层时，滚动网页页面和/或终端设备屏幕的画布，以使所述焦点输入框和所述其它的输入框显同时示于终端设备屏幕的可视区域内。

【技术特征摘要】
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和/或终端设备屏幕的画布滚动的距离canvasDis...

【专利技术属性】
技术研发人员：舒玉强，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44