Form Field Types
- 1 Introduction
- 2 Field Types
- 2.1 Checkbox Group
- 2.2 Date Field
- 2.3 Header
- 2.4 Number
- 2.5 Paragraph
- 2.6 Radio Group
- 2.7 Select Menu
- 2.8 Text Field
- 2.9 Text Area
Introduction
A variety of field types are available when building form questions.
The functions of each field are detailed here.
Field Types
Checkbox Group
Used to allow the user to choose one or more options from the options listed.
Enable “Other”: Allow the user to input an option that isn’t provided as an option here.
Options: The list of options for the user to choose from. options can be added by clicking on the Add Option button.
Options can be pre-selected for the user by checking the corresponding box.
Date Field
Used to get a date from the user.
Type: the type of date field
Min: the minimum allowed date
Max: the maximum allowed date
Step: date steps
When the user clicks on the date field, they get a calendar date picker
Header
Used to set a header or subheader for the form.
This is a field used to display information to the user, and is not editable by them.
Label: Header text
Type: Header size (H1 is the largest)
Number
Used to input only numerical digits.
Type: The type of number field.
Min: The minimum allowed number.
Max: The maximum allowed number.
Step: The amount the user can increment/decrement by clicking on the up and down arrows without entering the number using a keyboard.
Paragraph
Used to set a paragraph of text.
This is a field used to display information to the user, and is not editable by them.
Content: The paragraph text or content.
Radio Group
Used to allow the user to choose one option from the options listed
Options: The list of options for the user to choose from. options can be added by clicking on the Add Option button.
Options can be pre-selected for the user by checking the corresponding radio button.
Select Menu
Presents a drop-down list the user can select an option from.
This is similar in function to radio-groups and checkbox groups, ideally used when there are many options to choose from to save screen space.
Allow Multiple Selections: To allow the user to select more than one option (similar functionality to a checkbox group).
Options: The list of options for the user to choose from. options can be added by clicking on the Add Option button.
Note: options can be pre-selected for the user by checking the corresponding radio button
Text Field
Used to allow the user to input text.
Type: Select what type of input is needed:
Text Field: is used for regular text.
Password: is used for sensitive information.
Email: is used to only accept email addresses.
Tel: is used to only accept phone number, will display a number pad keyboard instead of the regular keyboard.
Max Length: maximum number of characters allowed.
Text Area
Similar to a text field, but allows for a larger area to enter text.
Max Length: The maximum number of characters allowed.
Rows: How many rows/lines does the text area initially takes up.