Skip to Content

Forms

The Classic editor contains tools for building forms. These forms are not the same as LDP Forms; for ease of access and more streamlined use, it is recommended that you use LDP Form assets for building forms on your pages.

The forms toolbar does not set up the ability to process information once the form is submitted. A script or program must be installed on the server in order for forms to work.

To build a form:

  1. While editing a page, click the "Insert/Edit Form" button (A form with a pencil icon)
  2. In the Insert/Edit Form box, fill out the fields:
    • Auto-Validate: Checks to make sure the following information is input correctly.
    • Name: Name the form.
    • Action: Define the name of the file that sends form submission content to the server (e.g. html_form_submit.asp)
    • Method: Select the method for the action. POST sends as an HTTP post transaction, while GET sends the data in the URL of the resulting page.
    • Target: Specifies where the resulting page is opened.
    • Encoding Type: A form only needs to be set to form-data if form submitters are uploading files into the form
    • Class (optional): Applies a defined CSS class to the form
  3. Click "Insert" to add your form to the page. A dotted outline indicates where the form is placed.
  4. Click inside the form and, using the buttons in the toolbar, insert form elements such as text fields, dropdown lists, radio buttons, and checkboxes.
    • Use the "Insert/Edit Input Element" button (An icon of different rectangles) to add fields where people can answer questions (such as a text field, a check box, or file upload). You can also use this to add a submit button to the form.
    • Use the "Insert/Edit Select Element" button (An icon of two rectangles) to add a field where people can pick an answer from a preset list (such as from a dropdown).
    • Use the "Insert/Edit Textarea Element" button (An icon of a white square) to add a field to the form where users can type in text themselves.
  5. Once you insert an element, you can't edit it again, so make sure it's what you want before you insert it.
  6. You can also enter text and images into the form area as you normally would on a page.

Example ElementsLink to this section

Here are some examples of how to create basic elements in a form.

Text Field

  1. Use "Insert/Edit Form Input Element."
  2. Set the following parameters. All values must be one word only with no spaces:
    • Name: firstName
    • Value: firstName
    • Type: text
    • Size: 200
    • Width: 200
    • Height: 20
    • Border: #de2051(you can also use the color box to pick a color).
  3. Click "Insert."

To make a simple survey form, use the directions above to create three text fields:

  • First Name
  • Last Name
  • Email Address
Three text fields, outlined in red, that read "firstName," "lastName," and "emailAddress"
Your text fields should look similar to this.

Dropdown List

  1. Use "Insert/Edit Select Element."
  2. Click the green "add" button to enter selection options. For this example, use the following data: pizza, ice cream, hamburgers.
  3. Set the following parameters:
    • Number of option rows: 1
    • Width: 200
    • Height: 20
    • Border color: #1759e8
  4. Click "Insert."
A dropdown with a blue border that lists three options: pizza, ice cream, and hamburgers
Your dropdown should look similar to this.

Radio Buttons

  1. Use "Insert/Edit Form Input Element."
  2. Set the following parameters:
    • Name: Yes
    • Value: Yes
    • Type: radio
    • Size: 20
    • Width: 20
  3. Click "Insert" and type text next to the radio button to label it, e.g. "Yes, I would like to subscribe."
  4. To count multiple radio buttons as answers for the same question, they all need the same name.

A radio button that says "Yes, I would like to subscribe" next to it.
Your radio button should look similar to this.

Checkbox

  1. Use "Insert/Edit Form Input Element."
  2. Set up the following parameters:
    • Name: bbq
    • Value: bbq
    • Type: checkbox
    • Size: 20
    • Width: 20
  3. Click "Insert" and type next to the checkbox to label it, e.g. "BBQ."
  4. Repeat to create more checkboxes.
Text reads "My favorite cooking method is"
Your checkboxes should look similar to this.

A user filling out the form can select more than one checkbox, but only one radio button.

Submit Button

  1. Use "Insert/Edit Form Input Element."
  2. Set up the following parameters:
    • Name: submit
    • Value: Submit
    • Type: submit button
    • Size: 40
    • Width: 100
    • Height: 25
  3. Click "Insert."
A grey rectangular button that says "Submit."
Your submit button should look similar to this.