Contact & Quote Forms: Adding Fields

Form setup in Allwebco web templates

Step 1: Add new field
In this example we will create a new field in the "contact.htm" to gather a client's website address. In the "contact.htm" copy 2 lines of code as shown below:

Name<br>
<input type="text" name="your_name" size="30" class="shadeform"><br>

Paste it just below itself and give the field a new name.

Your Website<br>
<input type="text" name="website" size="30" class="shadeform"><br>


Step 2:
Once the new field is created, if you're using formmail.pl or cgi, we must add the new field name to our "sort" list. Find the start of the form where this hidden field is and add website to the list:

<input type="hidden" name="sort" value="your_name,phone,email,comments,website">

In the above example we have added "website" to our sort list. Form names are case sensitive. Use all lower case when adding "website" to the list.

Required Option:
You can optionally add your new field to the "required" list, if you are using formmail.pl or cgi, so the new field must be filed out for the form to be submitted. In most cases only input types "text" and "textarea" can be made a required field.

<input type="hidden" name="required" value="email,your_name,website">



Example Field Code Types:
Below are examples of form field code you can use to gather info with your contact or quotes form. When adding new field code as shown below, be sure to edit the name (or names) and do step #2 above on this page to add the new fields to your "sort" list (if the PHP, .pl or .cgi form script you're using requires a sort list).


<text> field: For a single line of typed text.

<text> field HTML: Code for the above field:

<input type="text" name="edit_this" size="25" class="shadeform"><br>

<textarea> field: For comments or questions.

<textarea> HTML code: Code for the above field:

<textarea name="edit_this" rows="6" cols="40" class="textarea" style="width: 250px;"></textarea><br>

<select> dropdown field: For selecting an option.

Please Select One Windows Vista Windows XP Windows 2000 Other Windows Macintosh

<select> HTML code: Code for the above field:

<select name="edit_this" class="dropdown"> <option selected value="No Selection">Please Select One</option> <option value="Windows Vista">Windows Vista</option> <option value="Windows XP">Windows XP</option> <option value="Windows 2000">Windows 2000</option> <option value="Other Windows">Other Windows</option> <option value="Macintosh">Macintosh</option> </select><br>

<radio> field: For selecting an option.

Note: Edit all radio buttons in a group with the same name!

No Selection
Windows Vista
Windows XP
Windows 2000
Other Windows
Macintosh

<radio> HTML code: Code for the above field:

<input type="radio" name="edit_this" value="No Selection">No Selection<br> <input type="radio" name="edit_this" value="Windows Vista">Windows Vista<br> <input type="radio" name="edit_this" value="Windows XP">Windows XP<br> <input type="radio" name="edit_this" value="Windows 2000">Windows 2000<br> <input type="radio" name="edit_this" value="Other Windows">Other Windows<br> <input type="radio" name="edit_this" value="Macintosh">Macintosh<br>

<checkbox> field: For selecting an option.

Note: Edit checkbox buttons in a group with all different names.

Windows Vista
Windows XP
Windows 2000
Other Windows
Macintosh

<checkbox> HTML code: Code for the above field:

<input type="checkbox" name="edit_this_1" value="Windows Vista">Windows Vista<br> <input type="checkbox" name="edit_this_2" value="Windows XP">Windows XP<br> <input type="checkbox" name="edit_this_3" value="Windows 2000">Windows 2000<br> <input type="checkbox" name="edit_this_4" value="Other Windows">Other Windows<br> <input type="checkbox" name="edit_this_5" value="Macintosh">Macintosh<br>

See Also:
Form Setup Overview

Scripts:
Alternate Formmail Script