Tips & Tricks
Advanced Topics
Creating An Online Form
Complete Version

~ Email Web Form ~
 
With this complete version you should be able to copy the following code and paste into your own html editor. From there you can copy and modify the form to fit your personal needs. The items highlighted in RED are things you will need to update for your own form.
<HTML>
<HEAD>
<TITLE>Contact Us</TITLE>
</HEAD>
<FORM ACTION="/cgi-bin/emailform.cgi" METHOD="POST" ENCTYPE="x-www-form-urlencoded">
<P><TABLE WIDTH="800" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD WIDTH="82%" VALIGN="TOP" ALIGN="CENTER"><BASEFONT SIZE=2>
<DL>
<DT><CENTER><FONT SIZE="+3">Contact Us </FONT></CENTER>
<DT><CENTER>&nbsp;</CENTER>
<DT><CENTER>
<TABLE BORDER="0" CELLPADDING="5" WIDTH="604" CELLSPACING="2">
<TR>
<TD><BASEFONT SIZE=2>
<DL>
<DD>Thanks you for your visit. We'd like to hear from you.
</DL>
</TD>
</TR>
<TR>
<TD><BASEFONT SIZE=2>
<DL>
<DT><HR ALIGN=LEFT>
<DD><FONT COLOR="#ff0000">Please make sure you correctly enter
your email address. We can't respond to you without it.</FONT>
</DL>
</TD>
</TR>
<TR>
<TD><BASEFONT SIZE=2>
<P><!-- --------------------- Start Form ------------------------------ --><INPUT
TYPE="hidden" NAME="recipient" VALUE="your-email@yourdomain.com">
<INPUT TYPE="hidden" NAME="subject" VALUE="Site Feedback/Question">
<INPUT TYPE="hidden" NAME="required" VALUE="email,Comments">
<INPUT TYPE="hidden" NAME="redirect" VALUE="http://yourdomain.com/thanks.htm"></P>
<DL>
<DD>Your Name: <INPUT TYPE="text" NAME="Name" SIZE="27">
<DD>Your Email: &nbsp;<INPUT TYPE="text" NAME="email" SIZE="27">
<FONT COLOR="#ff0000" SIZE="-1">{required}</FONT>
<DD>&nbsp;
<DD>Please choose one of the following:
<DD><INPUT TYPE="radio" NAME="Contact-Type" VALUE="General Feedback">
General Feedback
<DD><INPUT TYPE="radio" NAME="Contact-Type" VALUE="General Question"
CHECKED="1"> General Question
<DD>&nbsp;
<DD>Please enter your comments here: <FONT COLOR="#ff0000" SIZE="-1">{required}</FONT>
<DD><TEXTAREA NAME="Comments" ROWS="7" COLS="74"
></TEXTAREA>
<DD>&nbsp;
<DD><CENTER><INPUT TYPE="submit" VALUE="Submit Feedback"> &nbsp;
&nbsp; &nbsp; <INPUT TYPE="reset" VALUE="Clear Form"></CENTER>
</DL>
</TD>
</TR>
</TABLE><!-- --------------------- End Form ------------------------------ --></CENTER>
</DL>
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
 Back: Creating An Online Form