> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Use Input Fields for Data Collection

> Use input fields to collect user data, validate entries, and capture leads through structured forms and interactive funnels.

Input fields allow you to **collect data from your visitors** inside your quiz or flow. They are used to capture information such as names, emails, phone numbers, and other structured inputs.

## Available Input Types

LanderLab provides a variety of input fields depending on the type of data you want to collect:

| Input                                | Description                               |
| :----------------------------------- | :---------------------------------------- |
| **Text Field**                       | Short text (e.g., first name)             |
| **Long Text**                        | Longer answers or descriptions            |
| **Email**                            | Validates email format                    |
| **Phone Number**                     | Collects phone numbers with country codes |
| **Number**                           | Numeric-only input                        |
| **Select**                           | Dropdown with predefined options          |
| **Checkbox**                         | Yes/no or agreement input                 |
| **Google Address**                   | Address autocomplete input                |
| **Zip Code**                         | Postal/ZIP code input with validation     |
| **Date Picker**                      | Select a date from a calendar             |
| **Date of Birth / Birthdate Picker** | Specialized date input                    |
| **Range Slider**                     | Select a value using a slider             |
| **OTP**                              | One-time password verification            |
| **Hidden Field**                     | Stores invisible data (UTMs, IDs, etc.)   |

***

## Common Settings (All Input Fields)

Most input fields share the same core settings.

### General

* **Name** → Internal field name
  * Used for variables (e.g., `{{email}}`)
  * Sent to your CRM
  * Must be **unique across the flow**
* **Label** → Visible title above the field
  * Example: *Email Address*
* **Placeholder** → Hint inside the input
  * Example: [*example@email.com*](mailto:example@email.com)

### Validation

Validation ensures users enter **correct and required data** before continuing.

* Require field completion
* Enforce correct formats (email, number, etc.)

### Decorators

Enhance inputs with additional elements:

* **Prefix** → Text/icon before the input (e.g., `$`, 📞)
* **Suffix** → Text/icon after the input (e.g., `%`, kg)
* **Help Text** → Small guidance text or tooltip

### Spacing

Control layout and positioning:

* **Size** → S, M, L, Full width
* **Margin** → Adjust spacing around the field

### Appearance

* **Visibility** → Show on Desktop, Mobile, or both

***

## Specialized Input Fields

Some inputs include additional settings depending on their purpose.

### Range Slider

Used for selecting values like budget, rating, or quantity.

* **Min / Max / Step** → Define range and increments
* **Initial Value** → Default position
* **Prefix / Suffix** → Add units (e.g., \$, %, kg)
* **Thousands Separator** → Format large numbers

### Zip Code

Optimized for location-based input.

* **Country** → Defines validation format
* Supports different ZIP/postal formats

### Checkbox

Used for confirmations or agreements.

* Ideal for:
  * Terms & Conditions
  * Consent checkboxes
* Supports formatted text and links

### Select (Dropdown)

Allows users to pick from predefined options.

* **Options**:
  * Display Name (user sees)
  * Value (sent to CRM)

Additional controls:

* Sort alphabetically
* Reverse order
* Randomize options

### Phone Number

Designed for phone collection with country handling.

* **Default Country Code**
* Option to allow country selection
* Option to include full number in stored value

### Date Field

Used for selecting dates via calendar.

* **Date Format**
* Restrict:
  * Future dates
  * Past dates
  * Workdays only
* Option to start week on Monday

***

## Best Practices

* Keep inputs **simple and minimal** to reduce drop-off
* Use **placeholders and help text** to guide users
* Ensure field names are **unique and consistent** for CRM mapping
* Use specialized inputs (like Phone or Zip Code) for better validation