Webform Elements

On this page

Table of Contents

Webform Elements

Elements List

You can collect data in the following formats using Webforms:

ElementsPurpose
Basic Elements
CheckboxProvides a form element for a single checkbox.
HiddenProvides a form element for an HTML 'hidden' input element.
TextareaProvides a form element for input of multiple-line text.
TextfieldProvides a one-line text field form element.
Advanced Elements
AutocompleteProvides 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. 
CAPTCHAProvides a form element that determines whether the user is human.
ColorProvides a form element for choosing a color.
EmailProvides a form input element for entering an email address.
Email confirmProvides a form element for double-input of email addresses.
Email multipleProvides a form element for multiple email addresses.
NumberProvides 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. Want to collect signatures? There's an element for that! The Signature Element collects electronic signatures from constituents. 
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.
ValueProvides a form 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.
LabelProvides 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 left column.
Tableselect sort
Provides a form element for a table with radios or checkboxes in 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

Say, for instance, you'd like for your visitors to reference a piece of content on your site while completing a form. Maybe you'd like them to select Contact information for an individual within your organization or Service that your agency provides. You can achieve this with Entity Reference Elements.

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, check boxes 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 autocomplete
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 entity references using a select menu.
Term checkboxes
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.

Elements

Purpose

Basic Elements


Checkbox

Provides a form element for a single checkbox.

Hidden

Provides a form element for an HTML 'hidden' input element.

Textarea

Provides a form element for input of multiple-line text.

Textfield

Provides a one-line text field form element.

Advanced Elements


Autocomplete

Provides a text field element with auto completion.

CAPTCHA

Provides a form element that determines whether the user is human.

Color

Provides a form element for choosing a 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 to rate something using an attractive voting widget.

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.

URL

Provides a form element for input of a URL.

Value

Provides a form element for storage of internal information.

Composite Elements


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 left column.

Tableselect sort

Provides a form element for a table with radios or checkboxes in 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


Entity autocomplete

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 entity references using a select menu.

Term checkboxes

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.





Created By Digital Services Georgia: https://digitalservices.georgia.gov

There is no content with the specified labels