E-mail forms are a simple way of getting information from your visitors to you. All they have to do is fill out a form and hit send, and the information is sent directly to your inbox. Here is an example of a decorated form:
This form has no decoration:
Here is the code for the decorated form. Change everything that says YOUR EMAIL HERE and YOUR URL HERE etc... You may also want to change the hex code (#000000) to your own preferred colour. You may also change where is says "solid" to "dotted", to get a dotted border instead of a solid one.
| <FORM METHOD="POST" ACTION="http://cgi21.Freedback.com/mail.pl" target="_blank">
<INPUT TYPE="hidden" NAME="to" VALUE="YOUR EMAIL HERE"> <INPUT TYPE="hidden" name="subject" VALUE="EMAIL SUBJECT HERE"> <INPUT TYPE="hidden" NAME="form" VALUE="YOUR URL HERE"> <INPUT TYPE="hidden" NAME="admin" VALUE="YOUR EMAIL HERE"> <INPUT TYPE="hidden" NAME="language" VALUE="en"> <p> <input name="Name" value="Name" size=20 style="background-color:transparent; color:#000000; font-face: tahoma; font-size: 8pt; border: 1 #000000 solid"> <br> <input name="E-mail" value="E-mail" size=20 style="background-color:transparent; color:#000000; font-face: tahoma; font-size: 8pt; border: 1 #000000 solid"> <br> <input name="URL" value="URL" size=20 style="background-color:transparent; color:#000000; font-face: tahoma; font-size: 8pt; border: 1 #000000 solid"> <br> <input name="Comments" value="Comments" style="background-color:transparent; color:#000000; font-face: tahoma; font-size: 8pt; border: 1 #000000 solid"> <br> <INPUT TYPE="submit" NAME="Submit" value="Send" style="background-color:transparent; color:#000000; font-face: tahoma; font-size: 8pt; border: 1 #000000 solid"> </form> |
Here is the code for the non-decorated form:
| <FORM METHOD="POST" ACTION="http://cgi21.Freedback.com/mail.pl" target="_blank">
<INPUT TYPE="hidden" NAME="to" VALUE="YOUR EMAIL HERE"> <INPUT TYPE="hidden" name="subject" VALUE="EMAIL SUBJECT HERE"> <INPUT TYPE="hidden" NAME="form" VALUE="YOUR URL HERE"> <INPUT TYPE="hidden" NAME="admin" VALUE="YOUR EMAIL HERE"> <INPUT TYPE="hidden" NAME="language" VALUE="en"> <p> <input name="Name" value="Name" size=20> <br> <input name="E-mail" value="E-mail" size=20> <br> <input name="URL" value="URL" size=20> <br> <input name="Comments" value="Comments"> <br> <INPUT TYPE="submit" NAME="Submit" value="Send"> </form> |
More HTML and CSS: 
