Where can I find examples of severe elements?

I would like to see some examples of some good form layouts (web-based) that contain many input fields. I do a lot of web application development, and many of my forms are input elements, so I am always looking for good ideas on how to display my forms. For example, I have several lists and many text fields and some drop-down pages on the page, as well as displaying the history of changes in the form.

+7
css layout webforms
source share
3 answers

I always enjoy visiting Wufoo whenever I need inspiration in shape.

+6
source share

It all depends on what your focus is on data entry or the user interface. To enter data as the main goal, I will keep the input fields close to each other and make sure that they flow very well using the tab key, so the user never needs to tear himself away from the keyboard. You should also probably minimize the space and try to include as many boxes as possible on the page.

For the user experience , just the opposite, you need to make sure that there is enough room to identify problems with JavaScript validation and make sure that the form works just as well for new users as experienced users. Power users == heavy data entry users.

Wufoo is pretty good for users, but it won’t work for the data entry users I mentioned above. Because the user must stop in order to press the button.

+5
source share

Smashing Magazine has a good overview of inspirational forms based on CSS / techniques / tutorials.

Check here .

+2
source share

All Articles