Tips For Creating Great Web Forms
Monday, December 31st, 20071. Use Labels
You don’t need labels for your form to work, but as one CSS-Tricks reader once put it, it is an accessibility crime not to use them. Labels are what signify what the input box is for and associate them together. The use of the <label> tag is not only semantically correct, but it gives you the opportunity to style them uniquely with CSS.
2. Float Your Labels
This is how you achieve that table-like structure on forms without having to actually use a table. Just set a static width, float it the left, align the text to the right, and give it a little right-margin. Beautiful.
label {
float: left;
text-align: right;
margin-right: 15px;
width: 100px;
}
Popularity: 21% [?]
