手机网页表单辅助输入方法与流程

1.本发明涉及移动互联网技术领域，特别涉及手机网页表单辅助输入方法。


背景技术：

2.移动设备屏幕尺寸普遍较小，相对于大尺寸的电脑屏幕，访问网页时所显示的界面很狭窄，在进行表单注册、登录、登记等信息填写时光标操作困难，写错信息一般都要全删再重新填写，不方便对中间的字词进行操作，通过触屏选择输入框时不能精确定位到目标位置。目前尚未有将网页表单进行提取并放大的便捷功能操作，通常只是支持网页的整体缩放。部分网站的注册、登录以及信息填写表单所需的信息较多导致界面紧密，在手机端显示很小，并且没有对手机浏览器进行专门的视觉优化，仅靠手指触摸很难精准操控，尤其不利于老年群体以及残障人士使用。


技术实现要素：

3.本发明的目的是克服现有技术中的不足，提供手机网页表单辅助输入方法。
4.为了达到上述目的，本发明是通过以下技术方案实现的：手机网页表单辅助输入方法，包括如下步骤：步骤一、用户使用手机上带有本功能的浏览器浏览某网页；步骤二、加载原网页，读取整个网页代码；步骤三、判断原网页中是否发现表单，若否，则不启动功能且退出，否则通过表单提取元素和添加标记，从而组成新窗口；步骤四、在新窗口中编辑内容；步骤五、依据标记，将内容对应修改到表单代码中；步骤六、更新本地网页代码，并反馈到步骤三；步骤七、形成表单放大界面示意图，从而完成标单编辑。
5.作为优选，通过表单提取元素和添加标记的流程如下：步骤a1：判断表单是一组还是多组，若为一组，则为表单输入元素并添加标记和监听，否则为不同的表单则添加不同的标记和监听；步骤a2：用户点击某个表单输入框；步骤a3：触发监听，将对应标记表单元素提取出来。
6.作为优选，添加标记不会影响原网页。
7.作为优选，所述表单放大界面示意图浮在原网页上方，并占满整个手机屏幕，以供用户输入。
8.作为优选，述网页代码为html代码。
9.作为优选，标记为html标签元素的属性。
10.加载原网页的流程为：首先是网站返回网页构成要素，然后筛选出类型为html文本的文件，然后将筛选出的html文本的文件作为副本用于读取整个网页代码。
11.作为优选，所述网页构成要素包括html文本、图片、脚本。
12.作为优选，更新本地网页代码的流程为为将筛选出的html文本进行修改，然后浏览器显示网页是要把各个部分缓存在自己的目录下，替换修改后的html文本，再进行本地刷新一下，重新将它们组合成网页即可。
13.本发明的有益效果如下：本发明解决了手机用户在某些网页进行信息输入时困难、不易操作的问题，在进行网页输入时将输入框进行放大化，通过触屏选择输入框时能精确定位到目标位置，在不影响网页原布局的情况下优化移动端用户的使用体验，有利于高龄用户和残疾障碍人士使用。
附图说明
14.图1为本发明的程序流程图；图2为某网页注册表单界面示意图；图3为表单放大界面示意图。
具体实施方式
15.下面结合说明书附图对本发明的技术方案作进一步说明：如图1所示，手机网页表单辅助输入方法，包括如下步骤：步骤一、用户使用手机上带有本功能的浏览器浏览某网页；步骤二、加载原网页，读取整个网页代码；步骤三、判断原网页中是否发现表单，若否，则不启动功能且退出，否则通过表单提取元素和添加标记，从而组成新窗口；步骤四、在新窗口中编辑内容；步骤五、依据标记，将内容对应修改到表单代码中；步骤六、更新本地网页代码，并反馈到步骤三；步骤七、形成表单放大界面示意图，从而完成标单编辑。
16.如图1所示，通过表单提取元素和添加标记的流程如下：步骤a1：判断表单是一组还是多组，若为一组，则为表单输入元素并添加标记和监听，否则为不同的表单添加不同的标记和监听；步骤a2：用户点击某个表单输入框；步骤a3：触发监听，将对应标记表单元素提取出来。
17.添加标记不会影响原网页，如图3所示，表单放大界面示意图浮在原网页上方，并占满整个手机屏幕，以供用户输入，并浮在原网页上方，并占满整个手机屏幕，以供用户输入。
18.网页代码为html代码，标记为html标签元素的属性。
19.如图2所示，为某网页注册表单界面示意图，元素包含输入框、选择框、下拉框、时间、日期等，从图2可以看出输入框较小。
20.图3为表单放大界面示意图，通过本发明的技术方案，读取原网页的表单元素，并重新组建窗口，然后形成单进行放大，并浮在原网页上方，并占满整个手机屏幕，以供用户输入，使用非常方便且便捷。
21.加载原网页的流程为：首先是网站返回网页构成要素，然后筛选出类型为html文本的文件，然后将筛选出的html文本的文件作为副本用于读取整个网页代码，网页构成要素包括html文本、图片、脚本。
22.更新本地网页代码的流程为为将筛选出的html文本进行修改，然后浏览器显示网页是要把各个部分缓存在自己的目录下，替换修改后的html文本，再进行本地刷新一下，重新将它们组合成网页即可。
23.本发明作为浏览器工具使用，在浏览器加载网页时读取网页的源代码，识别表单和输入框等常见的网页布局元素，将整个需要输入的部分和关键标题提取出来，重组为一个便于操作的表单窗口，该窗口将占满整个手机屏幕，以便于提供完全充足的空间显示大号的输入框。在新窗口中进行输入操作，最后将输入的数据对应填充到原始网页表单中。
24.本发明解决了手机用户在某些网页进行信息输入时困难、不易操作的问题，在进行网页输入时将输入框进行放大化，通过触屏选择输入框时能精确定位到目标位置，在不影响网页原布局的情况下优化移动端用户的使用体验，有利于高龄用户和残疾障碍人士使用。
25.需要注意的是，以上列举的仅是本发明的一种具体实施例。显然，本发明不限于以上实施例，还可以有许多变形，总之，本领域的普通技术人员能从本发明公开的内容直接导出或联想到的所有变形，均应认为是本发明的保护范围。


技术特征：
1.手机网页表单辅助输入方法，其特征在于，包括如下步骤：步骤一、用户使用手机上带有本功能的浏览器浏览某网页；步骤二、加载原网页，读取整个网页代码；步骤三、判断原网页中是否发现表单，若否，则不启动功能且退出，否则通过表单提取元素和添加标记，从而组成新窗口；步骤四、在新窗口中编辑内容；步骤五、依据标记，将内容对应修改到表单代码中；步骤六、更新本地网页代码，并反馈到步骤三；步骤七、形成表单放大界面示意图，从而完成标单编辑。2.根据权利要求1所述手机网页表单辅助输入方法，其特征在于，所述通过表单提取元素和添加标记的流程如下：步骤a1：判断表单是一组还是多组，若为一组，则为表单输入元素并添加标记和监听，否则为不同的表单则添加不同的标记和监听；步骤a2：用户点击某个表单输入框；步骤a3：触发监听，将对应标记表单元素提取出来。3.根据权利要求1所述手机网页表单辅助输入方法，其特征在于，所述添加标记不会影响原网页。4.根据权利要求1所述手机网页表单辅助输入方法，其特征在于，所述表单放大界面示意图浮在原网页上方，并占满整个手机屏幕，以供用户输入。5.根据权利要求1所述手机网页表单辅助输入方法，其特征在于，所述网页代码为html代码。6.根据权利要求1所述手机网页表单辅助输入方法，其特征在于，所述标记为html标签元素的属性。7.根据权利要求1所述手机网页表单辅助输入方法，其特征在于，所述加载原网页的流程为：首先是网站返回网页构成要素，然后筛选出类型为html文本的文件，然后将筛选出的html文本的文件作为副本用于读取整个网页代码。8.根据权利要求7所述手机网页表单辅助输入方法，其特征在于，所述网页构成要素包括html文本、图片、脚本。9.根据权利要求7所述手机网页表单辅助输入方法，其特征在于，所述更新本地网页代码的流程为为将筛选出的html文本进行修改，然后浏览器显示网页是要把各个部分缓存在自己的目录下，替换修改后的html文本，再进行本地刷新一下，重新将它们组合成网页即可。

技术总结
本发明公开了手机网页表单辅助输入方法，包括如下步骤：步骤一、用户浏览某网页；步骤二、读取整个网页代码；步骤三、判断原网页中是否发现表单，若否，则不启动功能且退出，否则通过表单提取元素和添加标记，从而组成新窗口；步骤四、在新窗口中编辑内容；步骤五、依据标记，将内容对应修改到表单代码中；步骤六、更新本地网页代码，并反馈到步骤三；步骤七、完成标单编辑。本发明在进行网页输入时将输入框进行放大化，通过触屏选择输入框时能精确定位到目标位置，在不影响网页原布局的情况下优化移动端用户的使用体验，有利于高龄用户和残疾障碍人士使用。人士使用。人士使用。


技术研发人员：舒科
受保护的技术使用者：润芯微科技（江苏）有限公司
技术研发日：2022.08.19
技术公布日：2022/11/11