"He better claims the glorious name, who knows with wisdom to enjoy what heav'n bestows."
- Horace


E-mail Forms

For Starters...

So, have you ever been to a website and wanted to contact sombody? Have you found their contact page and then clicked on the e-mail or contact link only to be brought to a Yahoo!© or other e-mail provider window where you have to sign in and then send the message? Well, those are annoying aren't they, especially when you don't have an account with that company. So, this tutorial is going to show you some fairly simple code that puts a form in your contact page (or whatever page you insert the code). SO let's get started.

First, insert the following code into your webpage where you want the form to be.

<FORM METHOD="POST" ACTION="http://cgi21.freedback.com/mail.pl" target="_blank"> <INPUT TYPE="hidden" NAME="to" VALUE="YOUR E-MAIL HERE"> <INPUT TYPE="hidden" NAME="subject" VALUE="SUBJECT OF YOUR MESSAGE"> <INPUT TYPE="hidden" NAME="from" VALUE="YOUR URL HERE"> <INPUT TYPE="hidden" NAME="admin" VALUE="YOUR E-MAIL HERE"> <INPUT TYPE="hidden" NAME="language" VALUE="en"> <p> <input name="NAME" value="NAME" size=20 style="background-color:transparent; color:#123456; font-face: verdana; font-size: 8pt; border: 1 #123456 dotted"> <br> <input name="E-MAIL" value="E-MAIL" size=20 style="background-color:transparent; color:#123456; font-face: verdana; font-size: 8pt; border: 1 #123456 dotted"> <br> <input name="URL" value="YOUR WEBSITE ADDRESS" size=20 style="background-color: transparent;color:#123456; font-face: verdana; font-size: 8pt; border: 1 #123456 dotted"> <br> <INPUT TYPE="submit" NAME="Submit" VALUE="Send" style="background-color:transparent; color:#123456; font-face: verdana; font-size: 8pt; border: 1 #123456 dotted"> <INPUT TYPE="reset" NAME="Reset" VALUE="Start Over" style="background-color: transparent; color:#123456; font-face: verdana; font-size: 8pt; border: 1 #123456 dotted"> </FORM> So far, this is a very basic form. It will look like this:




So now what you need to do is paste that code into your webpage, and change all of the words in capitol letters.
ONLY CHANGE THE WORDS "YOUR E-MAIL HERE", "SUBJECT OF YOUR MESSAGE", "YOUR URL HERE", "YOUR E-MAIL HERE", "NAME", "E-MAIL", "URL", AND "YOUR WEBSITE ADDRESS". LEAVE THE REST AS THEY ARE!

That's pretty much all there is to it. It's rather simple, really. You can go ahead and change the code to fit your needs, such as the font tags, the border and decoration tags, whatever you want, but don't change the base form tags, they must remain the same. And LEAVE THE ACTION PART THERE in the very beginning of the code. If you do not your e-mail will look very wierd and almost undeciferable. You can also align your form in different places, put it inside other tables, and also make it come up in a pop-up window. See these tutorials for those effects:
  • Tables
  • Aligning
  • Links : Targeting
  • Hosted by www.Geocities.ws

    1