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>

Close    To Top
  • Prev Article-Web Design:
  • Next Article-Web Design:
  • Now: Tutorial for Web and Software Design > Web Design > HTMLCSS > Web Design Content
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Geek Tutorial
     

    Blogging Tutorial

      RSS Tutorial
      Podcasting Tutorial
    Graphic Design Tutorial
      Coreldraw Tutorial
      Illustrator Tutorial
      3D Tutorials
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial/ Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial/ Articles
     

    XML Style

      AJAX Tutorial
      XML Mobile
    Flash Tutorial/ Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial/ Articles
      Linux Tutorial
      Symbian Tutorial
      MacOS Tutorial
    Personal Tech
      Hardware Tutorial
      Software Tutorial
      Online Auction