Applying CSS to forms

Learn how to lay out and format your forms with the power of CSS.

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>

 

 

 

Comments

does not display as advertised

August 13, 2004 by Durwood Edwards
Loading the CSS and the HTML code into my DW MX2004, I am unable to reproduce the forrm in Firefox (PC) or IE 6X (PC) as displayed in the tutorial. It takes considerable jacking around with the code before I get anything close. The tutorial is helpful in other respects, but do not understand why it does not display properly in Firefox (PC) or IE 6X (PC)

You must me logged in to write a comment.