Form Mark-Up: Examples

Often time you can style a basic form to look the same as table based form, or list based form wile maintaining usability and semantics. Weigh your options carefully if you think you need to use a less semantic approach like a list or table. Consider all options and ask yourself if it's really necessary to add the extra markup or can you tweek your design to make it more semantic and still look good.

Return to article

Ordered List

Your Details

Table Based

Your Details

HTML Only

Your Details

The Styled Forms

Here the three forms are styled to appear to look all the same. Often times thinking outside of the box and using your css skills you can make your simple form

Ordered List

Your Details

Table Based

Your Details

HTML Only

Your Details