HTML Page Local Keyboard Invocation via Overlay Input Fields
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing user terminal devices, such as those with iOS systems, are unable to invoke system built-in or customized keyboards on HTML pages, limiting input efficiency and security for sensitive information like passwords or identity card numbers.
Innovation Solution
A method and apparatus that analyze an HTML page to identify input fields requiring customized keyboards, generate local input fields to cover existing page input fields, set the appropriate keyboard type, and transmit input information from local keyboards back to the HTML page, while preserving the design pattern and preventing ghost images of prompt information.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If a standard HTML input field is used on iOS terminals, then the page layout is simple and compatible, but the customized keyboard cannot be invoked
Solution Approach 1:
The patent divides the input field into two separate layers: a standard HTML input field for layout and a local input field for keyboard invocation. This segmentation allows each layer to fulfill its specific function independently, resolving the contradiction between maintaining simple page structure and enabling customized keyboard invocation.
Solution Approach 2:
The patent implements a nested structure where a local input field is positioned exactly over a standard HTML input field. The local input field contains and manages the customized keyboard, while the standard input field maintains the page layout. This nesting enables both simple layout and customized keyboard functionality simultaneously.
2Adaptability or versatility
If a local input field is added to invoke customized keyboard, then keyboard functionality is improved, but the page layout may be disrupted
Solution Approach 1:
The patent applies local quality by making the local input field transparent and positioning it exactly over the standard input field. This allows the local input field to fulfill its keyboard invocation function without visually disrupting the page layout, as it inherits the visual properties of the underlying standard input field.
Solution Approach 2:
The patent creates a copy of the standard input field as a local input field with identical positioning and visual properties. This copy serves the additional function of invoking customized keyboards while maintaining the original layout appearance, thus resolving the layout disruption issue.
3Shape
If prompt information is kept in the page input field, then the original page design is maintained, but ghost images appear when covered by local input field
Solution Approach 1:
The patent extracts the prompt information from the standard HTML input field and transfers it to the local input field. This extraction eliminates the ghost image problem caused by overlapping transparent fields, as the prompt information now exists only in the local input field which is properly managed for keyboard invocation.
Data Source
Figure 1
Figure 2
Figure 3
AI summary
The present invention relates to the field of communications, and discloses a method and an apparatus for invoking a local keyboard on an HTML page in a user terminal device. The method for invoking a local keyboard in the present invention includes the following steps: analyzing an HTML page when a user terminal device loads the HTML page, and generating a local input field at each page input field having a recognition identifier if page input field(s) having recognition identifier(s) and needing to invoke local keyboard(s) exist(s), wherein a local input field covers a respective page input field at a same location; setting a type of a local keyboard that needs to be invoked by each local input field; and transmitting input information received by the local input field through a corresponding local keyboard to the HTML page. By generating a local input field at a page input field having a recognition identifier, the present invention can implement an invocation of a local keyboard that cannot be invoked by a page input field through the local input field.