Web form design method based on mask

A design method and form technology, applied in the input/output process of calculation, data processing, special data processing applications, etc., can solve the problems of designer user interference, inability to achieve what you see is what you get, and poor screen resolution support. , to achieve the effect of reducing the difficulty of implementation and avoiding interference

Active Publication Date: 2017-11-24
彭志勇
View PDF4 Cites 5 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 resoluti

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
  • Web form design method based on mask

Examples

Experimental program
Comparison scheme
Effect test

Example Embodiment

[0017] The present invention will be further described in 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 assign 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 The design interface includes a control selection interface located on the left, an attribute editing interface located on the right, and a form preview interface located in the middle. The steps include:

[0020] 1) The control library of the controls required by the form is constructed, and the controls are configured on the control selection interface according to the format of the list, and the controls include: insert components, file labels, text boxes, date entry, drop-down selection, whether to select, Multiple choice, single choice,...

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
IPC IPC(8): G06F17/30G06F3/0487G06F3/0481
CPCG06F3/0481G06F3/0487G06F16/986
Inventor 彭志勇刘志鹏
Owner 彭志勇
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap