Western Kentucky University

OU Campus - Self-Help

LDP Form Elements

There are six different form elements that you can use within your LDP Form.

  1. Single Line Text (input type = 'text')
    • Will provide visitors with a single line text field (250px wide) in which to input data.
    • Can be marked as required.
    • Default text can be entered.  It will be auto-populated when the form is pulled up.
    • You can add extra validation, available types are listed below.
    • We have built in some special fields to insert various pre-formatted items within your form.
  2. Multi-Line Text (textarea)
    • Will provide visitors with a text area block which will allow users to input much more data (250px wide and 100px height)
    • Can be marked as required.
    • Default text can be entered.  It will be auto-populated when the form is pulled up.
    • You can add extra validation, available types are listed below.
    • We have built in some special fields to insert various pre-formatted items within your form.
  3. Radio Buttons (input type = 'radio')
    • All users to only select one of the listed radio buttons.
    • Default answer can be selected.
  4. Checkboxes (input type = 'checkbox')
    • Allows users to select any number of the checkboxes listed.
    • Default answer can be selected.
  5. Drop-Down (select)
    • Gives users a drop down selection area where they can choose one answer.
    • Default answer can be selected.
  6. Multi-Selection (select multiple = 'multiple')
    • Gives users a multiple selection option.  Will display all possible choices where users can select more than one answer.
    • The following will be displayed under your label 'Hold down ctrl key to select multiple answers and to un-select an answer'
    • Default answers can be selected.
Element Attributes
  • Required - Checking the box next to Required will make the element required.  An error message will be displayed on the form if this element is checked and nothing is filled out or selected.
  • Default - If text is inserted into the Default section for Single Line Text or Multi-Line Text if will display in that element on the form.  You can also default select a value for the Radio Buttons, Checkboxes, Drop-Down Selection and Multi-Selection.
  • Validation- Currently there are three validation options.  If validation is selected and you want it required as well you must check the Required checkbox.  You can insert an error message below the Validation to be displayed if the form is not filled out properly for that form.
    • Email - This will validate that the entered text contains the @ symbol.  This will not validate that it is a WKU email address.
    • Minimum Length - This will validate that the number of characters entered into the input will be the minimum number you enter.
    • Regex- This will allow you to enter a regular expression to validate against the information entered.  Below are some examples.
      • To validate a phone number with the following layout xxx-xxx-xxxx you would need to enter ^(\d){3}-(\d){3}-(\d){4}$
      • To validate for a wku email address you would enter the following: ^([A-Za-z0-9\.-]+@wku.edu)|([A-Za-z0-9\.-]+@topper.wku.edu)$
      • To validate for a WKUID (800 number) you will enter the following: ^800+(\d){6}$  you can also validate with ^(\d){9}$  it will allow 9 digits if you need more than just 800 in the front of the number.
      • To validate a date with the following format MM/DD/YYYY you would enter the following: ^([0-9]|0[0-9]|1[0-2])\/(0[0-9]|[1-2][0-9]|3[0-1])\/[0-9]{4}$
  • Green Arrows - Used with Radio Buttons, Checkboxes, Drop-Down Selection, and Multi-Selection.  Use the green arrows to re-order the selections.
  • Trash Can - Used to delete an entire element
  • Red Circle - Use the red circle with a line through it to delete an option within a Radio Button, Checkbox, Drop-Down Selection or Multi-Selection.
 Last Modified 5/17/14