Docs

Input Field, Number Field & Text Area

Video Tutorial

This section provides detailed instructions on how to effectively use the Email and Phone Number fields in your forms, including their verification features.

Input Field

Adding and Customizing the Input Field

  1. Add an Input Field: In the Form Builder, choose the Input Field and place it in your form.
  2. Field Customization:
    • Required Field: Mark the field as required if necessary.
    • Label Placement: Adjust the placement of field labels according to your form design.
    • Helper Text: Include helper text to guide users on what to enter.
    • Validation Options: Set the field to accept alphabets, numbers, or alphanumeric characters.
    • Maximum Length: Define the maximum character limit for the input (up to 5000 characters).

Using the Input Field in Forms

  • Data Collection: Use this field to collect various types of data, such as names, schools, or other information.
  • Advanced Options: Utilize options like hidden fields and default values, or pull data using query parameters.

Number Field

Setting Up the Number Field

  1. Insert the Number Field: Add this field to your form from the field options.
  2. Field Customization:
    • Minimum and Maximum Values: Define the minimum and maximum values that can be entered (e.g., age range).
    • Length Restriction: Set a maximum character length for the number input.

Practical Use of the Number Field

  • Examples: Ideal for age verification, quantity inputs, or any scenario requiring numerical input.
  • Advanced Settings: Like the input field, you can mark this field as sensitive, hidden, or use query parameters for data retrieval.

Text Area Field

Adding a Text Area Field

  1. Choose the Text Area Field: Select this field for longer user inputs.
  2. Customization Options:
    • Maximum Length: Set a limit on the character count.
    • Adjustable Size: Increase the text area rows to accommodate longer texts.

Utilizing the Text Area Field

  • Usage: Perfect for collecting detailed responses or longer messages from users.
  • Additional Features: Set default values, disable or hide the field, and utilize advanced settings for data collection.