Web Page Canvas Scrolling for Multiple Input Box Visibility
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
On mobile terminals, the limited screen space often results in input boxes being covered by other interfaces, such as the soft keyboard, making it impossible to operate multiple input boxes without turning off or manually moving the web page.
Innovation Solution
A method and apparatus that automatically rolls the web page and/or canvas to display multiple input boxes in a visible area, allowing operations on focus input boxes without needing to turn off or manually move the web page.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If the soft keyboard is popped up for input, then the input box can be operated, but other input boxes are covered and cannot be accessed
Solution Approach 1:
The patent introduces a canvas layer that operates in a different dimensional space than the traditional web page layers. This canvas layer can be positioned and scrolled independently to bring covered input boxes into view without requiring the soft keyboard to be dismissed, effectively adding a new spatial dimension for accessing covered elements
Solution Approach 2:
The patent introduces a canvas as an intermediary layer between the user and the web page content. This canvas acts as a mediator that can be scrolled to reveal covered input boxes, allowing users to access elements that would otherwise be obscured by the soft keyboard without directly manipulating the keyboard or page layout
2Adaptability or versatility
If multiple input boxes are placed on the web page, then complete information input is enabled, but operation efficiency decreases due to repeated keyboard dismissal
Solution Approach 1:
The patent enables continuous input operations by maintaining the soft keyboard in a persistent state. The canvas scrolling mechanism allows users to navigate between input boxes without interrupting the keyboard session, ensuring the useful action of text input continues uninterrupted across multiple fields
Solution Approach 2:
The patent performs preliminary positioning of the canvas to anticipate and prepare for accessing covered input boxes. By pre-scrolling the canvas to reveal upcoming input boxes, the system reduces the need for repeated keyboard dismissal and re-display cycles, improving overall input efficiency
3Ease of operation
If the web page is manually moved to access covered input boxes, then all input boxes become accessible, but user operations become complex and time-consuming
Solution Approach 1:
The patent implements an automatic canvas scrolling mechanism that self-adjusts to reveal covered input boxes based on the current focus. When an input box becomes active, the system automatically scrolls the canvas to an appropriate position, eliminating the need for users to manually navigate or calculate positions, thereby reducing operational complexity
Data Source
AI summary
A method, an apparatus, and a terminal device for displaying multiple input boxes in a web page are provided. The method includes: obtaining, by an obtaining unit using a processor, a focus input box in a web page currently displayed by a terminal device; searching, by a searching unit using a processor, for other input boxes in the web page in a preset distance range of the focus input box; rolling, by a rolling unit using a processor, the web page and/or canvas of the display screen of the terminal device when the other input boxes are located in a lower level of an interface, so that the focus input box and the other input boxes are displayed in a visible area of the display screen of the terminal device simultaneously.