CN115329233B - Auxiliary input method for mobile phone web page form - Google Patents
Auxiliary input method for mobile phone web page form Download PDFInfo
- Publication number
- CN115329233B CN115329233B CN202211001149.2A CN202211001149A CN115329233B CN 115329233 B CN115329233 B CN 115329233B CN 202211001149 A CN202211001149 A CN 202211001149A CN 115329233 B CN115329233 B CN 115329233B
- Authority
- CN
- China
- Prior art keywords
- web page
- webpage
- mobile phone
- code
- marks
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
- Telephone Function (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a mobile phone network page form auxiliary input method, which comprises the following steps: step one, a user browses a certain webpage; step two, reading the whole webpage code; judging whether the form is found in the original webpage, if not, not starting the function and exiting, otherwise, extracting elements and adding marks through the form so as to form a new window; editing the content in the new window; fifthly, correspondingly modifying the content into the form codes according to the marks; step six, updating the local page code and feeding back to the step three; and step seven, completing the menu editing. According to the invention, the input frame is amplified when the webpage is input, the target position can be accurately positioned when the input frame is selected through the touch screen, the use experience of a mobile terminal user is optimized under the condition that the original layout of the webpage is not influenced, and the use of elderly users and disabled persons is facilitated.
Description
Technical Field
The invention relates to the technical field of mobile Internet, in particular to an auxiliary input method for a mobile phone web page form.
Background
The screen size of the mobile device is generally smaller, compared with a large-size computer screen, the displayed interface is very narrow when a webpage is accessed, the cursor is difficult to operate when information such as form registration, login and registration is carried out, the wrongly written information is generally deleted completely and refilled, the operation on the middle words is inconvenient, and the target position cannot be accurately positioned when an input box is selected through a touch screen. At present, no convenient functional operation for extracting and amplifying the web page form exists, and the whole zooming of the web page is usually supported. The registration, login and information filling form of part of websites require more information, so that the interface is compact, the display at the mobile phone end is very small, special visual optimization is not performed on the mobile phone browser, accurate control is difficult only by finger touch, and the mobile phone browser is particularly unfavorable for the use of the old and disabled people.
Disclosure of Invention
The invention aims to overcome the defects in the prior art and provide an auxiliary input method for a mobile phone network page form.
In order to achieve the above purpose, the invention is realized by the following technical scheme:
the auxiliary input method for the mobile phone web page form comprises the following steps:
step one, a user browses a certain webpage by using a browser with the function on a mobile phone;
step two, loading an original webpage and reading the whole webpage code;
judging whether the form is found in the original webpage, if not, not starting the function and exiting, otherwise, extracting elements and adding marks through the form so as to form a new window;
editing the content in the new window;
fifthly, correspondingly modifying the content into the form codes according to the marks;
step six, updating the local page code and feeding back to the step three;
and step seven, forming a form amplifying interface schematic diagram, thereby completing the editing of the menu.
Preferably, the flow of extracting elements and adding labels through the form is as follows:
step a1: judging whether the forms are one group or multiple groups, if the forms are one group, inputting elements for the forms, adding marks and monitoring, otherwise, adding different marks and monitoring for different forms;
step a2: clicking a certain form input box by a user;
step a3: triggering monitoring, and extracting the corresponding mark table unit element.
Preferably, the added mark does not affect the original web page.
Preferably, the form amplifying interface schematic diagram floats above the original webpage and occupies the whole mobile phone screen for user input.
Preferably, the web page code is HTML code.
Preferably, the attribute is marked as an HTML tag element.
The process of loading the original webpage comprises the following steps: firstly, returning web page components from a website, screening out files with the type of html text, and using the screened files with the type of html text as copies to read the whole web page codes.
Preferably, the webpage constituent elements comprise html text, pictures and scripts.
Preferably, the process of updating the local web page code is to modify the selected html text, then the browser displays the web page by caching each part under its own directory, replacing the modified html text, then locally refreshing, and combining them into the web page again.
The beneficial effects of the invention are as follows: the invention solves the problems of difficult and difficult operation of a mobile phone user when inputting information on certain webpages, enlarges the input frame when inputting the webpages, can accurately position the input frame to a target position when selecting the input frame through a touch screen, optimizes the use experience of a mobile terminal user under the condition of not influencing the original layout of the webpages, and is beneficial to the use of elderly users and disabled people.
Drawings
FIG. 1 is a flow chart of a process of the present invention;
FIG. 2 is a diagram of a web page registry interface;
FIG. 3 is a schematic diagram of a form magnification interface.
Detailed Description
The technical scheme of the invention is further described below with reference to the attached drawings in the specification:
as shown in fig. 1, the auxiliary input method for the mobile phone web page form comprises the following steps:
step one, a user browses a certain webpage by using a browser with the function on a mobile phone;
step two, loading an original webpage and reading the whole webpage code;
judging whether the form is found in the original webpage, if not, not starting the function and exiting, otherwise, extracting elements and adding marks through the form so as to form a new window;
editing the content in the new window;
fifthly, correspondingly modifying the content into the form codes according to the marks;
step six, updating the local page code and feeding back to the step three;
and step seven, forming a form amplifying interface schematic diagram, thereby completing the editing of the menu.
As shown in fig. 1, the flow of extracting elements and adding labels through the form is as follows:
step a1: judging whether the forms are one group or multiple groups, if the forms are one group, inputting elements for the forms and adding marks and monitoring, otherwise, adding different marks and monitoring for different forms;
step a2: clicking a certain form input box by a user;
step a3: triggering monitoring, and extracting the corresponding mark table unit element.
The added mark does not affect the original webpage, as shown in fig. 3, the form enlarged interface schematic diagram floats above the original webpage and occupies the whole mobile phone screen for user input, and floats above the original webpage and occupies the whole mobile phone screen for user input.
The web page code is HTML code, labeled as an attribute of the HTML tag element.
As shown in fig. 2, for a certain web page registry interface, the elements include an input box, a selection box, a drop-down box, a time, a date, and the like, and it can be seen from fig. 2 that the input box is smaller.
FIG. 3 is a schematic diagram of a form magnification interface, according to the technical scheme of the invention, form elements of an original webpage are read, a window is rebuilt, then a form is formed for magnification, the form floats above the original webpage and occupies the whole mobile phone screen for user input, and the use is very convenient and fast.
The process of loading the original webpage comprises the following steps: firstly, returning web page components from a website, screening out files with the type of html text, and using the screened files with the type of html text as copies to read the whole web page code, wherein the web page components comprise html text, pictures and scripts.
The process of updating the local web page code is to modify the selected html text, then the browser displays the web page by caching each part under its own catalog, replacing the modified html text, then locally refreshing, and combining them into the web page again.
The invention is used as a browser tool, when the browser loads the webpage, the source code of the webpage is read, common webpage layout elements such as forms, input frames and the like are identified, the whole part to be input and key titles are extracted and recombined into a form window convenient to operate, and the window occupies the whole mobile phone screen so as to provide a completely sufficient space for displaying the large-size input frames. And carrying out input operation in the new window, and finally, correspondingly filling the input data into the original web page form.
The invention solves the problems of difficult and difficult operation of a mobile phone user when inputting information on certain webpages, enlarges the input frame when inputting the webpages, can accurately position the input frame to a target position when selecting the input frame through a touch screen, optimizes the use experience of a mobile terminal user under the condition of not influencing the original layout of the webpages, and is beneficial to the use of elderly users and disabled people.
It should be noted that the above list is only one specific embodiment of the present invention. It is obvious that the invention is not limited to the above embodiments, but that many variations are possible, and that in any case all variations that can be directly derived or suggested by a person skilled in the art from the disclosure of the invention shall be considered as the protective scope of the invention.
Claims (5)
1. The auxiliary input method for the mobile phone web page form is characterized by comprising the following steps:
step one, a user browses a certain webpage by using a browser on a mobile phone;
step two, loading an original webpage and reading the whole webpage code;
the process for loading the original webpage comprises the following steps: firstly, returning web page components from a website, screening out files with the type of html text, and using the screened files with the html text as copies to read the whole web page codes;
judging whether the form is found in the original webpage, if not, not starting the function and exiting, otherwise, extracting elements and adding marks through the form so as to form a new window;
the flow of extracting elements and adding marks through the form is as follows:
step a1: judging whether the forms are one group or multiple groups, if the forms are one group, inputting elements for the forms, adding marks and monitoring, otherwise, adding different marks and monitoring for different forms;
step a2: clicking a certain form input box by a user;
step a3: triggering monitoring, and extracting corresponding mark table unit elements;
editing the content in the new window;
fifthly, correspondingly modifying the content into the form codes according to the marks;
step six, updating the local page code and feeding back to the step three;
the process of updating the local web page code is to modify the screened html text, then the browser displays the web page by caching each part under own catalogue, replacing the modified html text, then locally refreshing, and combining the html text and the modified html text into the web page again;
step seven, forming a form amplifying interface schematic diagram so as to finish form editing;
the form amplifying interface schematic diagram floats above the original webpage and occupies the whole mobile phone screen for user input.
2. The method of claim 1, wherein the adding of the tag does not affect the original page.
3. The method for assisting in inputting a mobile phone page form according to claim 1, wherein the web page code is HTML code.
4. The method of claim 1, wherein the tag is an attribute of an HTML tag element.
5. The method for assisting in inputting a mobile phone page form according to claim 1, wherein the web page constituent elements comprise html text, pictures and scripts.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211001149.2A CN115329233B (en) | 2022-08-19 | 2022-08-19 | Auxiliary input method for mobile phone web page form |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211001149.2A CN115329233B (en) | 2022-08-19 | 2022-08-19 | Auxiliary input method for mobile phone web page form |
Publications (2)
Publication Number | Publication Date |
---|---|
CN115329233A CN115329233A (en) | 2022-11-11 |
CN115329233B true CN115329233B (en) | 2023-05-16 |
Family
ID=83926873
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211001149.2A Active CN115329233B (en) | 2022-08-19 | 2022-08-19 | Auxiliary input method for mobile phone web page form |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115329233B (en) |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105653112B (en) * | 2014-11-14 | 2020-01-10 | 深圳市腾讯计算机系统有限公司 | Method and device for displaying floating layer |
CN107450843A (en) * | 2017-08-21 | 2017-12-08 | 山东浪潮通软信息科技有限公司 | A kind of input frame method of adjustment and a kind of mobile terminal |
CN114004200A (en) * | 2021-10-20 | 2022-02-01 | 珠海金山办公软件有限公司 | Interactive form processing method and device, electronic equipment and storage medium |
-
2022
- 2022-08-19 CN CN202211001149.2A patent/CN115329233B/en active Active
Also Published As
Publication number | Publication date |
---|---|
CN115329233A (en) | 2022-11-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Bila et al. | Pagetailor: reusable end-user customization for the mobile web | |
CN104657451B (en) | The processing method and processing device of the page | |
US20050229119A1 (en) | Method for the presentation and selection of document links in small screen electronic devices | |
US20100077321A1 (en) | Custom rendering of webpages on mobile devices | |
JP4991948B1 (en) | Information processing apparatus and information processing method | |
CN105324763A (en) | System, method and user interface for designing customizable products from a mobile device | |
US20150088847A1 (en) | Method of displaying a customized address bar or search results in a browser | |
WO2004107212A1 (en) | Web-compatible electronic device, web page processing method, and program | |
JP2009015813A (en) | Method and system for controlling browser by use of image | |
CN102123195A (en) | Apparatus and method for providing bookmark service in communication terminal | |
JP2007026104A (en) | Method for displaying search condition | |
CN101782914A (en) | Method and system for prompting web page information | |
WO2014045826A1 (en) | Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method | |
JP5136087B2 (en) | Client device and client control program | |
KR20210040611A (en) | Method and apparatus for generating web page | |
US20090113285A1 (en) | Form input support method and form input support apparatus | |
JP5858479B2 (en) | Terminal device and program | |
CN115329233B (en) | Auxiliary input method for mobile phone web page form | |
JP4750128B2 (en) | Browser with numbering function | |
JP6009868B2 (en) | Personal computer terminal for public use | |
JP4921570B2 (en) | Blog service providing system, method and program | |
Radilova et al. | Tool for Optimizing Webpages on a Mobile Phone | |
JP6995405B1 (en) | Information provision method, information provision device, information provision program and recording medium | |
JP2014164736A (en) | Web page browsing device and program | |
KR100865689B1 (en) | System for searching tags having intelligent user interface |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |