Unlock instant, AI-driven research and patent intelligence for your innovation.

Mask-based web form design method

A design method and form technology, applied in the field of mask-based web form design, can solve the problems of designer user interference, inability to achieve WYSIWYG, poor screen resolution support, etc., to reduce the difficulty of implementation, avoid the effect of interference

Active Publication Date: 2019-01-29
彭志勇
View PDF4 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

The traditional form designer mainly has the following two types: 1. The use of analog controls such as images can only achieve simple layout design. The controls in this way are displayed using image simulation and cannot achieve the real WYSIWYG effect , and the layout of the control can only be positioned using absolute coordinates, and the resolution support for various screens is poor; 2. Additional events and codes are added to the form and controls to handle design events. The response to various events will interfere with the designer user, and the interface is not very friendly
And because of the need to add various auxiliary information in the form, it is not exactly a WYSIWYG form designer

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Mask-based web form design method

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0017] The present invention will be described in further detail below, so that those skilled in the art can implement it with reference to the description.

[0018] It should be understood that terms such as "having", "comprising" and "including" as used herein do not entail the presence or addition of one or more other elements or combinations thereof.

[0019] The invention provides a mask-based web form design method, such as figure 1 As mentioned above, the design interface includes a control selection interface on the left, an attribute editing interface on the right, and a form preview interface in the middle, and the steps include:

[0020] 1) Construct the control library of the required controls of the form, and configure the controls on the control selection interface according to the format of the list. The controls include: insert component, file label, text box, date entry, pull-down selection, whether to select, Multiple selection, single selection, list select...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention provides a web form design method based on a mask. The method comprises the steps that a control base of the controls required by a form is built, and the controls are configured on a control selection interface; attribute lists corresponding to the controls respectively are built, and the attribute lists are configured on an attribute edit interface; a form preview interface is built, wherein the form preview interface is displayed according to the content of a currently designed form; the mask on the upper portion of the form preview interface area is built, and a mouse and a keyboard in the form preview interface is operated through mask interception; when the form preview interface is clicked with the mouse and the mask captures a mouse event, the control at the position is matched according to the position of the mouse, so that the control is set in a selected state, and the attribute value of the control is displayed in the attribute edit interface. By means of the web form design method based on the mask, a better user experience is provided, the form and the controls are completely displayed in the form preview interface of a form designer according to an actual effect, and what displayed is completely consistent with the actual effect.

Description

technical field [0001] The invention relates to a mask-based web form design method. Background technique [0002] The WYSIWYG form designer is to provide users with a Web HTML form designer that can instantly see what the form looks like. In the designer, you can insert new controls into the form, or modify the properties of the controls, and the modified form can be displayed immediately. The traditional form designer mainly has the following two types: 1. The use of analog controls such as images can only achieve simple layout design. The controls in this way are displayed using image simulation and cannot achieve the real WYSIWYG effect , and the layout of the control can only be positioned using absolute coordinates, and the resolution support for various screens is poor; 2. Additional events and codes are added to the form and controls to handle design events. The response to various events will interfere with the designer user, and the interface is not very friendly...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Patents(China)
IPC IPC(8): G06F16/958G06F3/0487G06F3/0481
CPCG06F3/0481G06F3/0487G06F16/986
Inventor 彭志勇刘志鹏
Owner 彭志勇