Form Building
Text Input Fields
Learn about various text input fields in Formora, including single line text, paragraph, email, password, phone, and URL fields, and their specific properties.
Text input fields are the cornerstone of most online forms, allowing you to capture a wide array of textual information from your users. Formora offers several specialized text input types to ensure data is collected in the correct format and context.
This guide details each text-based input field, their unique properties, and common use cases.
For general properties applicable to most fields (like Label, Placeholder, Help Text, Required, Conditional Logic), please refer to the main Field Properties page.
Available Text Input Fields
Single Line Text (type: text)
Single Line Text (type: text)
The most versatile text field, used for short, single-line textual inputs.Use Cases:
- Names (First Name, Last Name)
- Subject lines
- Titles
- Short answers or descriptions
- Address Line 1, City, State, Postal Code (if not using a dedicated Address field)
- Max Length: Set a maximum number of characters allowed.
- Input Masking (via properties): While not a built-in mask type, you might configure specific input patterns or validations if the
propertiesobject for fields supports regex or custom validation rules (refer to advanced field properties).
Example: Single Line Text field for 'Full Name'
Paragraph Input (type: textarea)
Paragraph Input (type: textarea)
Used for longer, multi-line text inputs, allowing users to provide more detailed information.Use Cases:
- Comments or feedback
- Detailed descriptions
- Essay answers
- Support requests
- Rows: Suggests the initial visible height of the text area (users can usually resize if the browser supports it).
- Max Length: Define a maximum character or word count.
- Resizable: Typically a browser default, but check if Formora offers a specific toggle.
Example: Paragraph Input field for 'Your Comments'
Email (type: email)
Email (type: email)
Specifically designed for collecting email addresses. It includes built-in browser validation for basic email format.Use Cases:
- Primary contact email
- Newsletter signups
- Account registration
- Built-in Format Validation: Automatically checks for a basic
name@domain.comstructure. - (Potentially) Domain Blacklist/Whitelist options via advanced properties.
Example: Email field with placeholder
Password (type: password)
Password (type: password)
A specialized text input that masks the characters entered, suitable for sensitive information like passwords.Use Cases:
- Password creation
- Password confirmation
- Masked Input: Characters are obscured (e.g., shown as dots or asterisks).
- (Potentially) Password strength meter integration or requirements (e.g., min length, uppercase, number, symbol - often configured via form logic or separate validation rules).
Always handle password data securely. Ensure your form submissions are over HTTPS. Formora handles secure data transmission.
Example: Password field showing masked input
Phone Number (type: tel)
Phone Number (type: tel)
Designed for collecting telephone numbers.Use Cases:
- Contact phone numbers
- Mobile numbers for SMS notifications
- Input Masking/Formatting: (If supported) Allows defining a pattern like
(999) 999-9999to guide user input. This might be part of the generalpropertiesfor the field. - Country code selection (if Formora offers an integrated solution).
Example: Phone Number field
URL/Website (type: url)
URL/Website (type: url)
Used for collecting web addresses (URLs).Use Cases:
- Personal website
- Company website
- Social media profile links
- Built-in Format Validation: Basic check for URL structure (e.g.,
http://orhttps://). - (Potentially) Option to automatically prepend
http://if missing.
Example: URL/Website field
Common Properties for Text Inputs
Remember, all these text input fields also support standard field properties such as:- Label: The title of the field displayed to the user.
- Placeholder Text: Hint text within the field before the user types.
- Help Text/Description: Additional guidance below the field.
- Required: Marks the field as mandatory for submission.
- Read-Only: Prevents user input, displaying a pre-set value.
- Default Value: Pre-fills the field with specified text.
- Conditional Logic: Show or hide the field based on other form inputs.