Mailforms

Now that you have your own little site up on the web, it would be nice to see who has been visiting your site. The easiest way of doing this is to create a Mailform (you should put the mailform in a separate .html file from your index page). When a visitor fills out a mailform on your page, the web server will email you a copy of the information that the visitor submitted.

Since many of the header tags for your mailform must be done in a precise manner in order for the server to process them, a sample mailform is given below. Due to the nature of the mailform, it is expected that you will just copy the given mail form into your page, customizing the obvious places as well as the contents of the form.

<form method="post" action="/cgi-bin/mailform">
<p>
    <!-- Form header and Send-To Information --> 
    <input type="hidden" name="mform-email" value="gtxXXXx@prism.gatech.edu" />
    <input type="hidden" name="mform-subject" value="Test Data" /> 
    <input type="hidden" name="mform-response" 
	   value="http://www.prism.gatech.edu/~gtxXXXx/thankyou.html" />
    <input type="hidden" name="mform-encoding" value="text" />

    <!-- Main Part of the Form -->
    Name (please include!): <input name="name" />

    Class:
    <select name="class">
      <option>Not selected</option>
      <option>Fresh.</option>
      <option>Soph.</option>
      <option>Junior</option>
      <option>Senior</option>
      
    </select><br />

Comments:<br />
                            
<textarea name="comments" rows="6" cols="60">None</textarea>
                            <br />

     <!-- Submit / Clear Buttons -->
     <input type="submit" value="Done" /> or
     <input type="reset" value="Clear" />

</p>
</form>

The form and header information in your form must appear exactly as it appears above, except that you must make the necessary changes to reflect your email and the page you wish to display after someone submits the form. The page that comes up once the form is submitted should be either your index.html page or a thankyou.html page that thanks the visitor for filling out your form.

You should edit the main part of the form to your own interests. You must have four different input types on your mailform. This means that you cannot just copy-paste your form. You must edit the main part of the form and add at least one different type to receive full credit.

When the above form is put into a web page it would look like this:

For more examples of input fields and types of inputs that can be used in your forms, please see the HTML 4.0 Form Elements