Web Application Form Design

The pros and cons of different web form layouts are explored and explained by Luke Wroblewski in Web Application Form Design.

Posted on January 30, 2005 in Quicklinks, Usability


  1. I’m surprised this article didn’t say anything about fieldsets…

    Good article though… personally i go with the right aligned nav…

    I’m thinking maybe some JavaScript would help, whereby the label of the selected element becomes bold… infact that can probably be done with CSS can’t it? or is that CSS3?

    Has provided food for though anyway…

  2. January 31, 2005 by Roger Johansson (Author comment)

    Fieldsets are definitely part of good form design. The example forms in the article are pretty simple though, so maybe that’s why there is no mention of fieldsets.

    My personal favourite is the vertical labels layout.

  3. This is very timely. We’ve just revamped the UI of our product, one of the key decisions was to pick an efficient way to build forms.

    We used to put form controls in tables, but the markup was too repetitive, we hated carrying around more HTML than we had to. Besides, styling the right look with tables sucked.

    Eventually, we settled on definition lists.

Comments are disabled for this post (read why), but if you have spotted an error or have additional info that you think should be in this post, feel free to contact me.