Form elements

There are two basic types of elements:

  • Fields ask information from the user.
  • Texts only display text. They can be used to orientate the user.

Fields

There are different types of fields. Short texts, long texts, multiple choices, dates, etc.

Fields share these common options:

  • Required: It won't be possible to send the answers until the element marked as Required is completed.
  • Name: A short text. This is the new element's name.
  • Description: A longer text to describe what you ask for.

Common fields in elements

Short text

Displays a Short text field, a one line text.


  • Example: give an example to whom answers the form, a placeholder.
  • Default: give a predetermined answer in case the user does not fill this element up.
  • Type: define if it requires a short text or an email.

Use this element to solicit information like a Name, Postcode, etc.

Long text

Displays a Long text field.


  • Example: give an example to whom answers the form, a placeholder.
  • Default: give a predetermined answer in case the user does not fill this element up.
  • Rows: define how many rows is the user expected to fill. The more the rows, the greater will the box look. This does not limit the text extension.

Use this element to solicit extended information like an opinion.

Dropdown options

Displays a dropdown list of selectable options.

  • Options: Define selectable options.

Single choice

Displays a group of options. Only one option can be selected.

 
 
 

  • Inline: Display the options horizontally, on the same line.
  • Options: Define selectable options.

Multiple choice

Displays a group of options. Multiple options can be selected.

  Early morning session
  Early afternoon session
  Evening session

  • Inline: Display the options horizontally, on the same line.
  • Options: Define selectable options.

Date

Displays a Date field.

Number

Displays a Number field.

  • Default: give a predetermined answer in case the user does not fill this element up.
  • Min: the minimum value accepted.
  • Max: the maximum value accepted.
  • Step: the interval that arrows change.

File Upload

Displays a File Upload field. Here users can upload a file from its local storage.

File Upload

Texts

These elements only display text. They do not ask any information.

Title

Displays a line of big text to the user, better known as a title.

  • Name: The text to be displayed.
  • Type: The size of the text. h1 biggest, h6 smallest.

Paragraph

Displays a paragraph of text to the user.

  • Content: The text to be displayed.