Applying CSS to forms

Forms are an essential part of interaction on the Internet but they can look rather drab. With CSS we can position form items so they all line up nicely and add a bit of colour to jazz them up.

Using only this simple code we'll learn how to make a form that looks great and is inline with our colour scheme:

<form action="destination.htm">

<label for="name">Name</label>

<input type="text" id="name" /><br />

<label for="e-mail">E-mail</label>

<input type="text" id="e-mail" /><br />

<input type="submit" value="submit" />

</form>