Date: 29/11/2006 Author: Stephen Sinclair

UrMood Forms - 100% pure css, tableless, semantically correct, forms.

XHTML 1.0 Strict

Tested and working in Windows: IE 5, IE 5.5, IE 6, IE 7, FF 1, FF 2, Netscape 6*, Netscape 7*, Netscape 8, Opera 5, Opera 6, Opera 7, Opera 8, Opera 9

Unfortunately I don't have a mac or linux to test in. If anybody can help out with these or if you have any feedback, it would be very much appreciated, drop me an email: urmood@btopenworld.com or reply to my thread.

*Due to a bug in Netscape 6 and Netscape 7.0 the label tags won't show. Netscape 7.1 and above works fine . If you want the form to work in Netscape 6 and Netscape 7.0 you can wrap the label tags in a span, and apply the style to the span instead of the label. See the Netscape version. Obviously adding the span tag wastes the semantics a bit, but it can't be helped.


And the demo form...

Login Details
Personal Details
Sex
Optional Details
What types of food do you like?

Valid XHTML 1.0 Strict

Valid CSS!

© 2006 - Stephen Sinclair