This browser does not support basic Web standards, preventing the display of our site's intended design. May we suggest that you upgrade your browser?

Microsoft FrontPage 2003

Forms: Creating Forms

Forms are often used to request comments about a website, submit an application, or place an order. They might also be used for an online quiz, or to request information from friends or students. A form is a web page that contains form fields, which are used to collect information from users. Form fields allow users to enter information in the form fields, generally by entering text in text boxes, selecting checkboxes and radio buttons, or selecting an option from a menu of choices. Users submit their information by clicking the SUBMIT button. For more information about form fields, refer to About Form Fields.

return to topCustom Toolbar

To help you create your form faster, it is recommended that you use FrontPage to customize your toolbars. A customized toolbar means less time spent searching through pull-down menus for the proper options. For more information on creating a customized toolbar, refer to Creating a Custom Toolbar.

return to topStarting the Form

Inserting the First Form Field

Unless you are inserting a push button, when you insert the first form field, FrontPage will automatically insert your SUBMIT and RESET buttons at the same time. In addition, the form field will be surrounded by a black dotted line, and the form boundary must contain all form fields. You will also have to assign a name-value pair to all form fields using the Form Field Properties dialog box.

  1. Open a FrontPage document

  2. Place the insertion point where you want to insert a form field

  3. From the Insert menu, select Form » select a form field
    The form field appears.
    EXAMPLE: Textbox
    Insert Form submenu

Adjusting the Location of the Submit and Reset Push Buttons

Unless you are inserting a push button when you insert the first form field in your form, FrontPage will automatically insert your SUBMIT and RESET push buttons. These buttons are required because they allow the user to send the results to the form developer via e-mail or clear the form and start over. You will only need to have these buttons at the end of the form, or within the form boundary like every other form field. While developing a form, you may want to temporarily create extra space for additional form fields above the SUBMIT and RESET push buttons.

To adjust the location of the SUBMIT and RESET push buttons:

HINT: To add text to your form, place the cursor in the appropriate place (e.g., before the text box) and type the text (e.g., Please enter your name).

  1. Place the insertion point before the SUBMIT push button

  2. To create some extra space for inserting additional form fields, press [Enter]

  3. Repeat step 2 until the buttons are sufficiently out of the way

  4. When all form fields have been inserted, delete any extra space remaining above the SUBMIT and RESET push buttons

Inserting Subsequent Form Fields

Inserting all subsequent form fields involves not only the insertion process, but also assigning the name-value pair for the form field. For more information, refer to the appropriate document, depending on the type of form field you would like to insert. 

return to topOpening the Form Field Properties Dialog Box

The Form Field Properties dialog box is used to assign name-value pairs to form fields. For a definition of name-value pairs, refer to Working with Forms: Terminology. The Form Field Properties dialog box can be accessed using the Format menu, the Quick menu, or the mouse. Each individual form field has its own Form Field Properties dialog box. For example, opening the Form Fields Properties dialog box for a text box field will yield the Text Box Properties dialog box, with properties specific to text box fields. Although each form field has different properties, the process for opening the Form Field Properties dialog box is the same for all of them.

Opening the Form Field Properties Dialog Box: Format Menu Option

  1. Insert a form field

  2. Select the form field

  3. From the Format menu, select Properties
    The Form Field Properties dialog box appears corresponding to the type of form field you select.
    EXAMPLE: The Text Box Properties dialog box appears if you select a text box field.
    Form Field Properties dialog box

Opening the Form Field Properties Dialog Box: Quick Menu Option

  1. Insert a form field

  2. Right click the form field » select Form Field Properties...
    The Form Field Properties dialog box appears corresponding to the type of form field you select.
    EXAMPLE: The Text Box Properties dialog box appears if you select a text box field.

Opening the Form Field Properties Dialog Box: Mouse Option

  1. Insert a form field

  2. Double click the form field
    The Form Field Properties dialog box appears corresponding to the type of form field you select.
    EXAMPLE: The Text Box Properties dialog box appears if you select a text box field.

Excellence. Our Measure. Our Motto. Our Goal.