demosthenes.info

A blog by Dudley Storey on , , , , , , and anything else that strikes his fancy.

featured articles

popular favourites

HTML Forms: Hints & Tips

A well-designed form is a rarity, and a huge boost to any website. Most forms, online or off, are not well designed. Following a few simple rules will help both your client and their customers:

  • Users do not want to fill out forms. The more rewarding you can make the experience for them, the better. Offer them something: a discount, entry into a competition, a free brochure.

  • Do not ask for information you don’t need. The less the user has to fill out, the more likely s/he is to complete the form. Make areas of the form that are optional clearly voluntary.

  • If you have to ask for a lot of information, split the form into several pages, retaining the information the user has filled out on the first page in a session cookie or other technology. (We will be covering these possibilities next semester).

  • Break requested information down into manageable and comprehensible units. Do not ask for a person’s name in a single field; instead, ask for their first and last names in separate fields.

  • Rather than asking for telephone area code and the rest of the phone number on separate lines, make them two fields next to each other, with brackets to indicate where the area code should be entered, like this: Phone: ()

  • Remember to include enough room for extraneous characters (the dash in a postal code, for example) that users will include by habit. (We will strip these redundant characters out before placing data in our database in the coming year.)

  • If you're in a rush, and don't mind using something with less customisation, you could use a form builder, such as Wufoo, JotForm, or FormAssembly. All of these utilities also offer basic form processing and eMail response, meaning that you do not have to write your own PHP.

web developer guide

featured comment

by JoelB in Goodbye, JQuery Validation: HTML5 Form Errors With CSS3

what i'm reading

A Storm of Swords: A Song of Ice and Fire: Book Three
A Storm of Swords: A Song of Ice and Fire: Book Three

what i'm watching

Californication: The Third Season
Californication: The Third Season

what i'm playing

Mass Effect 3 Collector's Edition
Mass Effect 3 Collector's Edition

what i'm hearing

Dub FX
Dub FX

blogs

podcasts

no ads ever

This blog is free of advertising, and always will be.

creative commons licensed

The content of this blog is free to use in whatever way you wish under the Creative Commons license.