Code Example

Organizing Forms

Most online forms are poorly designed, disorganized, and hard to use. Learning the basics of good form design is important, and if you have a form-heavy web site (such as a web application), you may also want to look into using a front-end UI framework such as Twitter Bootstrap or jQuery Mobile. But aside from styling considerations, one thing you can do to make your forms better is to organize them into logical sections. The <fieldset> element provides an easy way to break forms down into logical sections. When combined with the (severely underused) <legend> element, this can make your forms much easier to use, as well as easier to style.