Sue's HTML

Tables

Organising forms

Tables can be used to organise forms. Use two columns, right-align the table header adding labels for the input fields, and use a standard table data tag for the input.

The 'enter' and 'reset' buttons are centred in the second data cell, the first being empty. More complicated forms can be organised, for instance by using tables within tables each containing checkboxes and groups aligned in neat, centred rows.


Question: Who is the president of the United States?
Answer:
Name:
Email:
Address:
City:
State:
Zip Code:
Phone:
Amount:

Note this is not a working form.

Image of button   Table Basics
Image of button   Adding headers, cellpadding and cellspacing, and nesting tables
Image of button   Alignment, width, height
Image of button   Arranging Information and Images

Back to top     Home     Serious Stuff

© 2001. Copyright Sue Nethercott.