Back to DEV 7.3 - Enhance forms with special HTML markup...

Example form that uses CSS for styling and layout

The form below uses only CSS for styling and layout. It illustrates the following:

View the source to see the CSS and the HTML code that generated it.

Please note that this is only one way of getting these results, there are several other methods and you should select one that suits your form the best whilst maintaining the essentials of accessibility. Unfortunately many of the methods necessitate the use of 'hacks' to get around browser compatibility issues, but new standards compliant methods are being generated that should minimise this. Search the Internet using keywords like 'form layout CSS accessibility' or 'form CSS layout standards' to find the latest tips.


Order your new car

Fill out the form below to order your new car online.

Before you begin please ensure you have read our terms and conditions.

This is the first of three pages and should take less than 10 minutes to complete

* = required information

About You
* Date of Birth:
Your Choices
* Colour:
Extra options:

Back to DEV 7.3 - Enhance forms with special HTML markup...