Web form component types

Date

Allows user to easily input date. Will default to Year Month Day drop down lists, with calendar option.

Email

Preformatted with validation to verify if the inputted data is a valid email. This field will display in the same way as a textfield.

Fieldset

Used for grouping related form components. This is similar to creating sub-headings on a web page. You can do this with a fieldset form component. You can create and label a form component of type fieldset the same way that you make any other form component. Once you have made the fieldset, use the cross arrows to drag it above the first form component of the group. Next, drag form components into the fieldset by dragging them to the right, starting with the form component directly following the fieldset. When you are done, click Save. If you want, you can nest multiple fieldset components inside each other to create more complex structure. Once form components are grouped in a fieldset, if you drag the fieldset, all of its child form components will move together.

• Token values: If referencing a component that is within a fieldset, it needs to include the key of the fieldset, for example:
  [submission:values:field-set-key:field-key]  

File

Allows users to upload files and/or images to the Web form.

Grid

Displays information to the user in a grid format. Displays options along the top (i.e., poor, good, great) and options down the right side of the grid (i.e., questions or items you are attempting to measure).

Hidden

Field does not appear on the Web form. Typically used by advanced users in conjunction with other Drupal modules. 

Markup

Use when adding information other than text to the form i.e. HTML, links or a table.

Number

Allows the user to enter numbers only.

Pagebreak

Creates a page break, splitting a form into different sections with each section on a new/different page.

Select options

Creates a list of options from which the user can choose. Can display as radio buttons, checkboxes or a drop-down list.

Textarea

Creates a text box. Commonly used for comments or lengthy responses. 

Textfield

Single line text field.

Time

Allows the user to input a time. Will default to ‘hour : minute’ drop down list with 'am' and 'pm' radio buttons. Time format can be 12-hr or 24-hr.

Address

Collects postal code, country, address, city and province/state information. Note: postal code validation.