Webform Elements

You can collect data in the following formats using Webforms:

Basic Elements

Checkbox - provides a form element for a single checkbox.
Hidden - provides a form element for an HTML 'hidden' input element.
Text Area - provides a form element for input of multiple-line text.
Text Field - provides a one-line text field form element.

Advanced Elements

Autocomplete - provides a text field element with auto completion. The Autocomplete Element allows you to add a text field and populate values that visitors can access as they start to type in the field. This is good if you want all the responses in a text field to be in the same format or accept the same set of terms, while also giving visitors options to pick and choose.
CAPTCHA - provides a form element that determines whether the user is human.
Color - provides a form element for choosing color.
Email - provides a form input element for entering an email address.
Email Confirm - provides a form element for double-input of email addresses.
Email Multiple - provides a form element for multiple email addresses.
Number - provides a form element for numeric input, with special numeric validation.
Range - provides a form element for input of a number within a specific range using a slider.
Rating - provides a form element to rate something using an attractive voting widget.
Search - provides form element for entering a search phrase.
Signature - provides a form element to collect electronic signatures from users.
Telephone - provides a form element for entering a telephone number.
Terms of Service - provides a terms of service element. The Terms of Service Element lets users accept any terms related to the use of the Webform or your site with a checkbox and a separate link for those terms.
URL - provides a form element for input of a URL.
Value - Provides a prom element for storage of internal information.

Composite Elements

Speed up your Webform development with multiple fields to collect common information in a single click. Quickly add multiple fields for collecting things like an address, a person's full name including their title and suffix, or multiple types of phone numbers like cell or fax.

These are pre-grouped and formatted fields that are meant to collect specific types of information. For example, an address, a name, or a telephone - something that brings together multiple fields all in one group.

Basic Address - provides a form element to collect address information (street, city, state, zip).
Advanced Address - provides advanced element for storing, validating, and displaying international postal addresses.
Contact - provides a form element to collect contact information (name, address, phone, email).
Custom Composite - provides a form element to create custom composites using a grid/table layout.
Link - provides a form element to display a link.
Location - provides a form element to collect valid location information (address, longitude, latitude, geolocation) using Algolia Places.
Name - provides a form element to collect a person's full name.
Telephone Advanced - provides a form element to display a telephone number with type and extension.

Markup Elements

Basic HTML - provides an element to render basic HTML markup.
Horizontal rule - provides a horizontal rule element.
Label - provides an element for displaying the label for a form element.
Message - provides an element to render custom, dismissible, inline status messages.

File Upload Elements

Document File - provides a form element for uploading and saving a document.
Image File - provides a form element for uploading and saving an image file.

Options Elements

Buttons - provides a group of multiple buttons used for selecting a value.
Buttons Other - provides a group of multiple buttons used for selecting a value, with the ability to enter a custom value.
Checkboxes - provides a form element for a set of checkboxes.
Checkboxes Other - provides a form element for a set of checkboxes, with the ability to enter a custom value.
Image Select - provides a form element for selecting images.
Likert - provides a form element where users can respond to multiple questions using a Likert scale.
Radios - provides a form element for a set of radio buttons.
Radios Other - provides a form element for a set of radio buttons, with the ability to enter a custom value.
Select - provides a form element for a drop-down menu or scrolling selection box.
Select Other - provides a form element for a drop-down menu or scrolling selection box, with the ability to enter a custom value.
Table Select - provides a form element for a table with radios or checkboxes in the left column.
Table Select Sort - provides a form element for a table with radios or checkboxes in the left column that can be sorted.
Table Sort - provides a form element for a table of values that can be sorted.

Containers

Container - provides an element that wraps child elements in a container.
Details - provides an interactive element that a user can open and close.
Fieldset - provides an element for a group of form elements.
Flexbox Layout - provides a flex(ible) box container used to layout elements in multiple columns.
Item - provides a display-only form element with an optional title and description.
Section - provides an element for a section/group of form elements.

Date/Time Elements

Date - provides a form element for date selection.
Date/Time - provides a form element for date & time selection.
Date List - provides a form element for date & time selection using select menus and text fields.
Time - provides a form element for time selection.

Entity Reference Elements

If you'd like visitors to reference a piece of content on your site while completing a form, you may use an entity reference element. Maybe you would like them to select Contact information for an individual within your organization or Service that your agency provides.

An entity is a piece of content on your site. You can choose which content types you'd like to reference in the form of an auto-complete field, checkboxes for multiple references, or radio buttons for selecting a single reference.

This feature pulls in content from elsewhere on your site and avoids duplication of work and the possibility of introducing errors.

Entity Autcomplete - provides a form element to select an entity reference using an autocompletion.
Entity Checkboxes - provides a form element to select multiple entity references using checkboxes.
Entity Radios - provides a form element to select a single entity reference using radio buttons.
Entity Select - provides a form element to select a single or multiple terms displayed as hierarchical tree or as breadcrumbs using checkboxes.
Term Select - provides a form element to select a single or multiple terms displayed as hierarchical tree or as breadcrumbs using a select menu.