Field Types

Detailed guide for each form field type and its validation options.

Text

A single-line or multi-line text input for free-form text entry.

Validations

  • Required: Field must be filled
  • Min Length: Minimum number of characters
  • Max Length: Maximum number of characters
  • Pattern: Regular expression for custom validation
  • Pattern Message: Error message when pattern doesn't match
Use cases: Names, addresses, comments, descriptions, custom IDs

Email

An input field specifically for email addresses with built-in format validation.

Validations

  • Required: Field must be filled
  • Format: Automatically validates email format (user@domain.com)
Use cases: Contact forms, lead capture, account creation

Number

A numeric input field that only accepts numbers.

Validations

  • Required: Field must be filled
  • Min Value: Minimum allowed number
  • Max Value: Maximum allowed number
  • Step: Increment value (e.g., 0.01 for currency, 1 for integers)
Use cases: Quantities, budgets, ages, ratings, measurements

Phone

An input field for phone numbers with appropriate keyboard on mobile devices.

Validations

  • Required: Field must be filled
Use cases: Contact information, callback requests, SMS verification

File

A file upload field that allows users to attach documents or images.

Validations

  • Required: At least one file must be uploaded
  • Max File Size: Maximum size per file (in MB)
  • Allowed File Types: Restrict to specific extensions (e.g., .pdf, .jpg, .png)
  • Allow Multiple: Enable uploading multiple files
Use cases: Resume uploads, document submissions, image attachments, proof of identity

Checkbox

Multiple selection options where users can select one or more choices.

Validations

  • Required: At least one option must be selected
  • Min Selections: Minimum number of options to select
  • Max Selections: Maximum number of options allowed

Configuration

  • Options: Define the available choices
Use cases: Service selection, feature preferences, terms acceptance, interests

Dropdown

A single-selection field with options displayed in a dropdown menu.

Validations

  • Required: An option must be selected

Configuration

  • Options: Define the available choices
  • Placeholder: Text shown when no option is selected
Use cases: Country selection, department selection, priority levels, categories

Radio Button

Single selection with all options visible. Users can select only one option.

Validations

  • Required: An option must be selected

Configuration

  • Options: Define the available choices
Use cases: Yes/No questions, preference selection, plan selection (when few options)

Toggle Switch

A boolean on/off switch for simple yes/no or enable/disable choices.

Validations

  • Required: Must be toggled on (useful for terms acceptance)
Use cases: Terms acceptance, newsletter opt-in, feature toggles, consent

Star Rating

A visual rating input using stars. Users click to select their rating.

Validations

  • Required: A rating must be selected
  • Max Rating: Maximum number of stars (default: 5)
Use cases: Satisfaction surveys, product reviews, service feedback, NPS scores

Common Field Properties

All field types share these common properties:

Label

The text shown above the field

Placeholder

Hint text inside the field

Help Text

Additional guidance below the field

Default Value

Pre-filled value when form loads

Next Steps