What are the common problems with the design of forms in web pages?

These questions may be because you haven't read the book thoroughly, but I share this experience with you.

1.The form is to send the content filled in by the user to the server, and if it is a button that involves submitting information, etc., the form must be used.

2.and layers can be set to a fixed size or change automatically with insertions into them, check the property settings of these objects.

3.Many of the buttons are not necessarily related to the form, see question 1

2>**You can do it small first and then insert it.

1. Forms: Forms are not only used to collect information and feedback, but also widely used for data retrieval, discussion groups, online shopping and other interactive operations. Its interactive nature of information makes the web page no longer a single information release carrier, but dynamically or even real-time information reorganization according to the information submitted by customers.

For example, commonly used electronic banking transactions, networked bill ordering systems, etc., which are realized by using form collection database technology.

From the perspective of the purpose of the form, the form plays a very important role in the network information exchange, and the role of the form in the web page is mainly reflected in the following five aspects.

1) Collect network information, online ordering, consignment, payment and other information.

2) Capture customer needs and feedback.

5) Prompt the viewer to log in to the relevant **.

Second, about ** and the layer automatically changes size with the insertion of the object, which is related to the object property setting. Considering the later maintenance, it is recommended that you use divs for layout unless you need it specifically.

3. If you want to submit data without using the button in the form, use the button button to create an onclik event submission, but isn't this more troublesome?

I hope the above is helpful to you, I also like making web pages, let's work together!!

Ordinary World:

1.What are the common problems with form design in web pages? Reduce unnecessary fields and information filled in with the model. Forms don't need to be complex or color-sensitive.

2.In the common problem of web form design, when the auxiliary path is too eye-catching, change the color, not too eye-catching, as long as the auxiliary path can be found. In addition, the size and color of the main path button should be adjusted to make it easy to find.

3.What are the common problems with form design in web pages? Explain the values and options of the form so that the user can select it. Write out the most important value that users care about directly, but waste time filling out forms without knowing the cost, risk, and so on.

4.When a form lacks clear navigation, it is essential to inform the user of the steps being performed to avoid the user's fear of proceeding.

6.It's always difficult to fill out forms on your phone, and it's not easy to design a form on your phone. Therefore, in the common form design problems in web pages, it is necessary to pay attention to the font, button size, and layout configuration.

Therefore, it is better to use your phone to complete the test rather than using an emulator! Because the emulator allows us to make sure that the visual configuration is correct, but in fact filling it out with the mobile we can feel that it will cost more.

That's it for the most frequently asked questions about form design on the web page, and it's important that it helps us develop and define our own design style. If you want to know more about UI design related design skills and materials, you can click on other articles in this article to learn.

1. Try to make the form clear at a glance.

When users browse, they usually glance quickly to get information, see if the content and design meet their appetite or needs, and then decide how to respond and interact. It's the same with forms. At-a-glance forms let users know immediately how much information they need to fill out and how to submit the form.

2. Consider using floating prompt text.

There is a lot of debate about whether to add prompt text to the input box of the form, and the main argument revolves around one point: when the user clicks on the input box and the cursor appears to be ready to type, the prompt text does not disappear automatically, but needs to be manually deleted before it can be entered. It's very embarrassing.

3. Use a form format mask.

The format mask can remind the user of the format of the input content, the length of the field, and the usability of the form. When the user activates the input box, the format mask will appear, which will help the user format the input information and avoid errors when submitting. Format masks are commonly used when entering numbers.

4. Design the form to be easy to type.

You can't know for sure whether the user is using a mobile phone or a computer to browse your web and type your form, but it should be friendly enough for all input devices. Considering that your form may have different types of keyboard input, you should adapt based on the form field properties and the type of keyboard detected.

5. Select a vertical single-column layout.

A vertical single-column layout is easier to use for users than a multi-column layout. When the user browses, he only needs to browse down, not to look back and forth, and it can also be a good way to avoid omissions in the filling process.

6. Control the input content.

Try to use your browser's memory function and cookies to call up data to pre-populate fields that are commonly used in the form. There's nothing more exciting than opening a form where most of the fields are already auto-populated.

7. Make the form short and beautiful.

When you're designing a form, you always want to get as much information as possible from your users, so resist the urge to do so!

Present only important information in the form and let the user fill in as little as possible. If more information is needed later, you can get it from the user in another place, such as in an email. After the user has completed the registration, you will have more opportunities to push information, communicate with each other, and obtain information.

Try to keep only the necessary fields for users to fill in, don't provide redundant options, and make the form small but beautiful.

With the college entrance examination coming to an end, June is coming, and the graduation season is coming in a blink of an eye. In addition to everyone going their separate ways, the graduation season also involves miscellaneous small things such as dispatch certificates, file ownership, party organization transfers, and more importantly, information collection. There is not only the collection of graduate information, but also the collection of employment information, further education information and award information.

What about school-wide information collection in general? First of all, the school convened the person in charge of each secondary college to coordinate the collection of information, and then the secondary college sent a notice to each class, and the class leader began to notify the students of each class to fill in, and after each class filled in, the class leader collected, summarized, checked and then sent to the secondary college, and the secondary college also needed to return to each class after collecting the summary, and required the students of each class to check and re-verify, and the information that had errors needed to be submitted to the secondary college again, and finally this time-consuming and labor-intensive work was completed. made the faint sourness in the graduation season, which originally recalled the youth, experienced so many trivial and abrasive things, and became boring.

Then some students will ask, it is convenient to choose an established template, but can it meet the different needs of different schools? This point has long been thought of by the instant application. Its built-in templates for each industry are common to the industry through statistical screening, and it can be modified in a flexible way to modify the original problem or add a new information collection problem for personalized problems.

In this way, the work of graduate information collection has eliminated all intermediate links, and is directly released by the school to students, which is easy to collect, simplify, and complete the time-consuming and labor-intensive graduate collection work in an instant.

To be specific, look at your requirements! What kind of form do you want? I'll send you one.

Can a form be a web page? **Bar.