Add Element

To add elements/fields to your form click "Add element".

Note: The term element is used instead of a field in Drupal webform

Under select an element on the "Filter by element name" you can search by element names like a text field, telephone, or textarea…..

Or you can use the "Show preview" button

To see what the elements look like as shown above

Form elements include

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 the input of multiple line text
• Text field provides a form element for the input of a single line text

Advanced Elements

• Captcha provides a form element that determines whether the user is human
• Email provides a form element for entering an email address
• Number provides a form element for numeric input, with special numeric validation
• Range provides a form element for the input of a number within a specific range using a slider
• Scale provides a form element for input of a numeric scale
• Telephone provides a form element for entering a telephone number
• Text format provides a text format from element
• Value provides a form element for storage of internal information

Composite Elements

• Address provides a form element to collect address information (street, city, state, zip)
• 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
• 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

• Advanced HTML/Text provides an element to render advanced HTML markup and processed text
• 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
• More provides a more slideout element

Options Elements

• Checkboxes provides a form element for a set of checkboxes
• Checkboses Other provides a form element for a set of checkboxes, with the ability to enter a custom value
• 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 delement that a user can open and close
• Fieldset provides an element for a group of form elements
• Flexbox Layout provides a flexible 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
• Table provides an element to render a table

Date/Time Elements

• Date provides a form element for date selectionDate/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

Buttons

• Submit button(s) provides an element that contains a Webform's submit, draft, wizard, and/or preview buttons