CSS-Only form

On 06.24.08, In BLOG, by Sergio Jasinski

A great example of a table-less form created by Jeff Howden. A real time saver for web developers:

DONATE

Please help CSS3.com stay alive and running

http://steve.buzznet.com steve

this is one thing i have a hard time weening off tables for. it’s especially annoying the way checkboxes and radios line up next to text
http://www.freshinjobs.com vishal

the code looks neat and simplified. better than having numerous tags for a table.
http://YourWebsite LWA

Going along with Steve’s comment, what if I want First and Last name on the same line for space saving sake?
http://www.lechlak.com Lechlak

To make the text not align next to the input boxes, you can add the value of align top rather than align left. It will make the box move under the label or for example you can put the value with what appears to be inside of the input box.

For example: http://lechlak.com/#/contact-me

I will write a tutorial on this in the near future, but it involves both javascript and css because older HTML/CSS doesn’t allow proper form styling.