Learn HTML step-by-step from A to Z or improve your professional skills.  Home HTML and CSS Tutorials E-mail Forms

E-mail Forms


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>


Author's URL: Lindsay Coome
Learn HTML step-by-step from A to Z or improve your professional skills. More Tutorials: Featured Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com


Like us to: