Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
HTML Form Tutorial
by Will Bontrager
Connecting an HTML Form with a CGI Script
by Janine Warner
Form & HTML Input
by Een
Forms in HTML
by Joseph Skidmore
read more
Free Web Designs
A collection of free web templates. Premium quality web designs, easy to browse.
HTML and CSS tutorials
A collection of free web templates. Premium quality web designs, easy to browse.
Html lessons and tutorials in web page design.
You, too, can design your own website with over 45 interactive HTML tutorials. Also try your hand at JavaScript or check out a search engine submission service.
2 Create a Website
Offers free tutorials on website creation, generating traffic and making money online.
UK Hosting Services
Provider of low cost affordable UK web hosting services.
HTML and CSS  Home HTML and CSS Tutorials E-mail Forms
rss

E-mail Forms

Author: Lindsay Coome More by this author

Added: Aug 21, 2004 Rating:  Average Rating: 2.92 Votes: 53 Position: 8967 of 12699Average Rating: 2.92 Votes: 53 Position: 8967 of 12699Average Rating: 2.92 Votes: 53 Position: 8967 of 12699Average Rating: 2.92 Votes: 53 Position: 8967 of 12699Average Rating: 2.92 Votes: 53 Position: 8967 of 12699 Level: Experienced Software:  DreamweaverGoLiveFrontPage

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>


Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

HTML and CSS  More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com
Add comments to "E-mail Forms"