Text Fields Guide
Learn about text input fields: Text, Textarea, Email, Phone, and URL fields. Configure validation and formatting.
Important: Create Fields in QuickBase First
Before adding fields to your SyncForms form, you must create them in your QuickBase table first.SyncForms pulls fields from your QuickBase table, so any field you want to use in your form must already exist in QuickBase. Once created in QuickBase, the field will appear in the "Add Field" list when building your form.
Overview
Text fields are the most common field type in forms. SyncForms supports several text field types, each with specific validation and formatting for different use cases. All text fields that write to QuickBase must be created in your QuickBase table first.
Text Field
Standard single-line text input for names, titles, short answers, and any general text data.
QuickBase Setup:
- 1In QuickBase, create a Text field in your table
- 2Configure the field name and any validation rules in QuickBase
- 3The field will appear in SyncForms when you click "Add Field" in the form builder
Configuration Options:
- Label: Customize the field label shown to users
- Placeholder: Add hint text that appears in the field
- Required: Make the field mandatory (inherits from QuickBase if set there)
- Max Length: Set maximum character limit
Textarea Field
Multi-line text input for longer responses like comments, descriptions, notes, or detailed feedback.
QuickBase Setup:
- In QuickBase, create a Text - Multiple Lines field
- The field will automatically appear as a Textarea in SyncForms
Use Cases:
- Customer feedback and comments
- Project descriptions and notes
- Detailed explanations or instructions
Email Field
Specialized text input with built-in email validation. Ensures users enter a valid email address format.
QuickBase Setup:
- In QuickBase, create an Email field type
- SyncForms will automatically recognize it as an email field with validation
Features:
- Automatic Validation: Ensures the input matches email format (user@example.com)
- Mobile Keyboard: On mobile devices, shows email keyboard with @ symbol
- Error Messages: Shows clear error if email format is invalid
Phone Field
Text input optimized for phone numbers with formatting and validation support.
QuickBase Setup:
- In QuickBase, create a Phone field type
- The field will appear in SyncForms with phone number formatting
Features:
- Mobile Keyboard: Shows numeric keypad on mobile devices
- Flexible Format: Accepts various phone number formats
URL Field
Text input for website URLs with built-in URL format validation.
QuickBase Setup:
- In QuickBase, create a URL field type
- SyncForms will automatically validate URL format when users submit
Features:
- URL Validation: Ensures the input is a valid URL format
- Protocol Support: Accepts URLs with or without http:// or https://
Adding Text Fields to Your Form
Once you've created fields in QuickBase, adding them to your SyncForms form is simple.
Step-by-Step:
- 1Open your form in the Form Builder
- 2Click Add Field button
- 3Select a text field from your QuickBase table (fields you created in QuickBase will appear here)
- 4The field will be added to your form with its QuickBase label
- 5Click the field to customize label, placeholder, required status, and validation
💡 Field Mapping:
SyncForms automatically maps QuickBase field types to the appropriate form field type. A QuickBase "Text" field becomes a Text field, "Email" becomes an Email field, etc. The field type is determined by how you created it in QuickBase.
Field Validation & Configuration
Customize how text fields behave and validate user input.
Validation Options:
- Required: Make the field mandatory - users must fill it out before submitting
- Min/Max Length: Set minimum and maximum character limits
- Pattern Validation: Use regex patterns for custom validation rules
- Custom Error Messages: Provide helpful error messages when validation fails
Display Options:
- Label: Customize the field label (defaults to QuickBase field name)
- Placeholder: Add hint text that appears inside the field
- Help Text: Add descriptive text below the field to guide users
- Show/Hide Label: Toggle label visibility