Now we can mess about with it a bit more so it looks better. Start by losing the table border, dropping down the font size of the headings, making the comments box a bit bigger, and making the reset button smaller by using fewer words, and we end up with:

And there you have it! All you need now is someone to handle the CGI script for you. I can strongly recommend Cut and Paste Scripts to do this for you. They have no nasty adverts, pop-ups or fees. I use them all the time and have had no problems. You will need your own e.mail address for the form results to be sent to, and maybe even a 'Thank you' page to re-direct the visitor to once thay have completed the form, but this is optional.

They will tell you exactly how to add the CGI coding to your form but it basically goes like this:

<form method="POST" action="http://www.cutandpastescripts.com/cgi-bin/formprocessing/forms.pl">
<input type=hidden name="activenumber" value="359772513474">
<input type="hidden" name="username" value="yourcodename">
Your form contents go here...

So in other words the entire form now looks like this:

<center><table border="0" cellpadding="2" cellspacing="2" width="90%">
<form method="POST" action="http://www.cutandpastescripts.com/cgi-bin/formprocessing/forms.pl">
<input type=hidden name="activenumber" value="359772513474">
<input type="hidden" name="username" value="yourcodename">
<tr><td valign="top"><font size="2" color="#FF0000"><b>Your Name:</b></font>
<BR><input type="text" name="Name" value="" size="20">
</td><td valign="top"><font size="2" color="#FF0000"><b>Your e.Mail address:</b></font>
<BR><input type="text" name="Name" value="" size="30"></td>
</tr><tr>
<td><font size="2" color="#FF0000"><b>I live in:</b></font>
<BR><select name="country">
<option>Please select:
<option>United Kingdom
<BR><option>United States
<BR><option>France
<BR><option>Germany
<BR><option>Belgium
<BR><option>Italy
<BR><option>Other country
<BR></option></select></td>
<td><font size="2" color="#FF0000"><b>Telephone:</b></font>
<BR><input type="text" name="telephone" value="" size="25"></td>
</tr><tr>
<td><input type="checkbox" name="One" value="" onfocus="this.blur()"> Question One
<BR><input type="checkbox" name="Two" value="" onfocus="this.blur()"> Question Two
<BR><input type="checkbox" name="Three" value="" onfocus="this.blur()"> Question Three</td>
<td><input type="radio" name="Four" value="" onfocus="this.blur()"> Question Four
<BR><input type="radio" name="Five" value="" onfocus="this.blur()"> Question Five
<BR><input type="radio" name="Six" value="" onfocus="this.blur()"> Question Six</td>
</tr>
<tr><td colspan="2">
<center><textarea name="comments" rows="5" cols="30"></textarea>
</td></tr>
<tr><td><input type="submit" value="Click here to send!" class="forms" onfocus="this.blur()">&nbsp;<input type="reset" value="Click here to reset" class="forms" onfocus="this.blur()">
</td></tr>
</table></center>

Phew! What a handful that was. Trial and error are probably your best friends at the moment. But remember that you can construct the form without a table to complicate things, then add it afterwards to tidy it all up.

There is a lot more you can do with a form, like colour the text boxes and put pre-formatted text inside which disappears when the box is clicked, but we will probably cover that later!

If you really are having problems with forms, drop me a line and I will see what I can do.

Remember I mentioned the easy way to send information by e.mail? Click here to find out how!