Creating an HTML Email Form - Tutorial

If you would like to provide your web site visitors with a simple way to contact you from your web site, but really don't want to display your email address, this HTML form code may be what you're looking for.

You can create a simple form, as displayed below, to enable your visitors to send you comments, questions, product support requests, or whatever you'd like.

Name:
Email:
Comment:

Copy and paste the following HTML code into the HTML portion of your web page:

<FORM action="mailto:you@yourdomain.com" method="post" enctype="text/plain"> <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="4" WIDTH="90%"> <TR> <TD width="30%"><DIV align="right"> <B>Name:</B> </DIV> </TD> <TD width="70%"> <INPUT type="text" name="name" size="20"> </TD> </TR> <TR> <TD><DIV align="right"><B>Email:</B></DIV> </TD> <TD> <INPUT type="text" name="email" size="20"> </TD> </TR> <TR> <TD><DIV align="right"> <B>Comment:</B> </DIV> </TD> <TD><TEXTAREA name="comment" cols="30" wrap="virtual" rows="4"> </TEXTAREA> </TD></TR> <TR> <TD>&nbsp;</TD> <TD> <INPUT type="submit" name="submit" value="Submit"> <INPUT type="reset" name="reset" value="Reset"> </TD></TR> </TABLE> </FORM>

Change the text indicated in red to your email address.

Displaying an email form on your web page provides a great way to enable your visitors to contact you.