Forms

[Jeewhizz]

What's the best method for styling forms?

Let's say I have this code:

<form action='file.php' method='POST'>
Name: <input type='title' name='name' ><br />
Email: <input type='title' name='email'><br />
Query Date: <select name='ddd'>...</select> <select name='ddm'>...</select> <select name='ddy'>...</select><br />
Comments: <textarea name='comments'></textarea><br />
<input type='image' src='images/buttons/continue.gif'>

</form>

What's the best way to get all the text on the left, and all the inputs lined up nicely on the right?

Edit: Also, the "Comments:" label needs to be aligned to the top of the textarea, not the bottom - any pointers!?

Any links/pointers appreciated!

Cheers,
Jee

[Chris H]

Do it in Flash.

Not the answer you wanted maybe but it would work.

[Mr Anderson]

http://www.ap4a.co.uk/archives/2006/stylephreaks-standard-form-layout-revisited/

[fordie]

http://fordie.co.uk/index.php/2007/05/29/fordies-form-system-a-posh-way-to-mark-up-forms/

[Jeewhizz]

Cheers, I'll take a look!