23rd and Walnut

HTML5 Contact Form

Documentation

Saleem
8/30/2010
Table of Contents
I. Installation.....................................................................................................................................................................3
II. ADDING AND REMOVING FIELDS...................................................................................................................................3
Please send me an email via my codecanyon profile page if you have any questions beyond
the scope of this document
http://codecanyon.net/user/23andwalnut

-Saleem El-Amin

I. INSTALLATION
1. Unzip all files
2. Open process-form.php
3. Enter valid values for:
a. $email_address – This is the email address that all submitted forms will be sent to
b. $company_address – This is the address that will be displayed on the Google Map.
4. Open contact.php
5. Update your address information in the section with class=”contact-info”

II. ADDING AND REMOVING FIELDS

Thanks to HTML5, this process is extremely simple. To remove a field from the form, delete the field from
contact.php. There is no need to make any changes to the JavaScript.

To add a field to the form, update contact.php with the new field information using the appropriate HTML5
field types and properties. For example, if you wanted to add a field called Website you would add the
following:

<div class="field">
<label for="website">Phone</label>
<input type="url" id="website" name="website" required>
</div>

If you are unfamiliar with the new field attributes, you should read the following article:
http://diveintohtml5.org/forms.html