Forms: Quick Links

Building Your Form

Check Box

Radio Button

Text Field

Hidden Field

Required Field

Text Area

Selection Field

Button

Saving Your Form

Updating Your Form

For Internet Explorer Users

Forms

An HTML form is a section of a document containing normal content, markup, special elements called controls (check boxes, radio buttons, select boxes, buttons, etc.), and labels on those controls. Users generally "complete" a form by modifying its controls (entering text, selecting menu items, etc.), before submitting the form to an agent for processing (e.g., to a Web server, to a mail server, etc.). Forms can be used in many ways, such as collecting general information, registration or surveys.

 

Support Options

Knowledge Base

Search Knowledge Base

 

Who has access:

You must have one of the checked permissions to use this manager.

 

Guest

Member

Contributor

Editor

Administrator

 

Group Contributor

1. Delete the "Under Construction" text and replace it with appropriate text to best meet your form needs.
2. Hit the Enter key on your keyboard.
3. Click the Create Form icon
4. NAME: Enter your form name. Please do not name your form "Input" as it will not work.
5. ACTION: Click the Use System Processor button. A series of prompts will follow. Enter your Site Id in the first prompt. Enter the form recipient email address in the second prompt. Enter the form subject in the last prompt. Click OK after you enter your data in each prompt. Internet Explorer users click HERE if nothing happens when you click the Use System Processor button.
6. METHOD: Select POST from the drop down menu.
7. Click OK.
8. To begin adding controls to your form, click anywhere inside the form's dotted outline and select a control from the editor.

Forms: Check Box

Check boxes are used when you want the user to select one or more options of a limited number of choices. For example, you may want to know if the user has a car, truck or both. 

1. Enter a question that would require a Check box for an answer. For example: "Is your child allergic to anything?"
2. Press the Return key on your keyboard
3. Enter a label for the Check box such as "Yes."
4. Click the Check box icon.
5. NAME: Enter a descriptor for the Check box as this is what appears in the email you receive once the form is submitted. For example: "Allergic". The Field Name cannot include spaces or special characters. You can use underscores to represent spaces. For example: Is_Allergic.
6. VALUE: Enter a descriptor for the Check box value as this is what appears after the Field Name in the email you receive once the form is submitted. The value is determined by what Check box the user selects. For example: "Yes"
7. SELECTED: Put a check in the box if you want the Check box to default to being selected.
8. Click the OK button to continue or the Cancel button if you do not wish to continue adding a Check box to your form.

Forms: Radio Button

Radio Buttons are used when you want the user to select one of a limited number of choices. For example, you may want to know if the user is male or female. 

1. Enter a question that would require a Radio Button for an answer. For example: "What grade is your child in?"
2. Press the Return key on your keyboard
3. Enter a label for the Radio Button such as "1st Grade."
4. Click the Radio Button icon.
5. NAME: Enter a descriptor for the Radio Button as this is what appears in the email you receive once the form is submitted. For example: "Grade". The Field Name cannot include spaces or special characters and you must give the same Field Name to all created Radio Buttons. You can use underscores to represent spaces. For example: Childs_Grade.
6. VALUE: Enter a descriptor for the Radio Button value as this is what appears after the Field Name in the email you receive once the form is submitted. The value is determined by what Radio Button the user selects. For example: "First"
7. SELECTED: Put a check in the box if you want the Radio Button to default to being selected.
8. Click the OK button to continue or the Cancel button if you do not wish to continue adding a Radio Button to your form.

Forms: Text Field

Text fields are used when you want the user to type letters, numbers, etc. in a form. For example, you may want the user to enter his or her first and last name. 

1. Enter a label for your Text Field such as "Name:".
2. Click the Text Field icon.
3. NAME: Enter a descriptor for the Input Field as this is what appears in the email you receive once the form is submitted. For example: "Name". The Field Name cannot include spaces or special characters. You can use underscores to represent spaces. For example: First_Name.
4. VALUE: You can choose to have the Input Field already filled in with text such as, "Enter your name here." Whatever text is entered in the Input Field by you or the user is what appears after the Field Name in the email you receive once the form is submitted.
5. CHARACTER WIDTH: Enter a default size for the Input Field.
6. MAXIMUM CHARACTERS: Enter a maximum number of characters that can be entered into the Input Field.
7. TYPE: The Input Field can be a Text field in which the field is viewable to the user and the information typed into the field is viewable just as it is entered. The Password field is a field viewable to the user, but the information entered is not.
8. Click the OK button to continue or the Cancel button if you do not wish to continue adding a Text Field to your form.

Text Field Name

Forms: Hidden Field

The hidden field is a field that is not viewable to the user, but whose values are submitted with a form. The hidden field control type is generally used to store information between client/server exchanges that would otherwise be lost. This field can be used to define required input or to setup a return url. 

Required Field

1. Click the Hidden Field icon.
2. NAME: Enter "required" for the field name.
3. VALUE: Enter the field names you want to be required. Place a comma after each field name. There cannot be a space after each comma.
4. Click the OK button to continue or the Cancel button if you do not wish to continue adding a Hidden Field to your form.

Return URL

1. Click the Hidden Field icon.
2. NAME: Enter "returnURL" for the field name.
3. VALUE: Enter the URL to display once the form has been submitted and processed.
4. Click the OK button to continue or the Cancel button if you do not wish to continue adding a Hidden Field to your form.

Forms: Text Area

The Text Area control is a multi-line text input control and is used to write text in the text-area. In a text-area you can write an unlimited number of characters. For example, you may want the user to enter any additional comments they have.

1. Enter a label for your Text Area such as "Comments:"
2. Place your cursor directly after your label and hit the Return key on your keyboard.
3. Click the Text Area icon.
4. FIELD NAME: Enter a descriptor for the Text Area as this is what appears in the email you receive once the form is submitted. For example: "Comments". The Field Name cannot include spaces or special characters. You can use underscores to represent spaces. For example: Additional_Comments.
5. COLUMNS: Enter the number of columns you want your text area to have. This sets the width of your Text Area.
6. ROWS: Enter the number of rows you want your Text Area to have. This sets the height of your Text Area. Typically, you will have fewer rows than columns.
7. Click the OK button to continue or the Cancel button if you do not wish to continue adding a Text Area to your form.

Forms: Selection Field

The Selection Field is used in the same manner as a Check Box and Radio Button, just presented differently to the user. If you have "Allow multiple selections" selected, the Selection Field will serve the same purpose as a Check Box. If "Allow multiple selections" is not selected, the Selection Field will serve the same purpose of a Radio Button.

1. Enter a question that would require a Select Box for an answer. For example: "If so, what is your child allergic to?"
2. Press the Return key on your keyboard.
3. Click the Selection Field icon.
4. NAME: Enter a descriptor for the Select Box as this is what appears in the email you receive once the form is submitted. For example: "Allergies". The Field Name cannot include spaces or special characters. You can use underscores to represent spaces. For example: Allergic_To.
5. VALUE: The entry you set as the default selected value will appear here.
6. SIZE: You can set the size of your select box, but you will lose the drop down list functionality if you set a size. So, we recommend that you leave this property set to zero.
7. ALLOW MULTIPLE SELECTIONS: This will allow the user to select multiple choices from the Select Box by holding down the Shift key and clicking on each choice they want to select.
8. TEXT: Enter the text you wish to appear in the Selection Field. For example, Milk.
9. VALUE: Enter the value for the corresponding text entry. The value field cannot include spaces or special characters. You can use underscores to represent spaces. For example: Dairy_Products
10. ADD: Click this button to add the selection to your Selection Field.
11. MODIFY: Choose the selection you wish to edit and click the Modify button. Make your changes and click the Modify button to update your selection.
12. REMOVE SELECTED: Click this button and to delete the selection shown in the Select Box window.
13. Set As Select Value: Choose the selection you wish to set as your default value and then click the Set as selected value button. This text will selected by default on your form.
14. DELETE: Choose a selection you want to remove and click the Delete button to remove it from your Selection Field.
15. Click the OK button to continue or the Cancel button if you do not wish to continue adding a Selection Field to your form.

Forms: Button

A form Button is used to trigger an event such as submitting the form, resetting the form or performing a script event.

1. Click the Button icon.
2. NAME: Enter a descriptor for the Button as this is what appears in the email you receive once the form is submitted. We recommend you leave this field name blank as you may not want it to show up in your email. The Field Name cannot include spaces or special characters. You can use underscores to represent spaces. For example: Submit_Button.
3. TEXT (VALUE): This is what will appear on the button that is within your form.
4. FIELD TYPE: You can add a Generic, Reset or Submit button to your form. The Generic Button button has no default behavior. A generic button may have client-side scripts that you create associated with the element's event attributes. When an event occurs (e.g., the user presses the button, releases it, etc.), the associated script is triggered. The Reset Button will clear the contents of the form. The Submit Button will submit the form and send it to the email address indicated when the form was created.
5. Click the OK button to continue or the Cancel button if you do not wish to continue adding a Button to your form.

Forms: Saving Your Form

Click the Save  icon in the upper right corner of your screen.

Forms: Updating Your Form

1. Click inside the form box outlined in the editor.
2. Click the form control within your form you wish to edit.
3. Click the corresponding form control icon on the editor toolbar.
4. Make the appropriate changes and click the OK button.
5. Click the Save icon in the upper right corner of your screen.

Forms: Note For Internet Explorer Users

1. Click Tools on the browser menu.
2. Select Internet Options.
3. Click the Security tab.
4. Click the Custom Level button.
5. Scroll down to the bottom of the list.
6. Where it says, "Allow websites to prompt for information using scripted windows", select Enable.
7. Click OK.
8. Click OK again.
9. You might also have to refresh your browser view (F5 on your keyboard) in order for this to take effect, but be sure to save your page first.