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

# Contact Fields

> Collect contact information from submitters

Contact fields are specialized inputs designed to collect and validate contact information.

Use them in <a href="https://formhug.ai/templates/contact-us-form-template" target="_blank">contact forms</a>, <a href="https://formhug.ai/templates/lead-capture-form-template" target="_blank">lead capture forms</a>, registrations, and booking workflows. For page-level examples, see <a href="https://formhug.ai/blog/contact-us-page-examples" target="_blank">contact us page examples</a>; for growth forms, see <a href="https://formhug.ai/blog/how-to-build-a-lead-generation-form" target="_blank">how to build a lead generation form</a>.

## Available Contact Fields

| Field        | Description      | Validation                |
| ------------ | ---------------- | ------------------------- |
| **Name**     | Submitter's name | Optional first/last split |
| **Phone**    | Phone number     | Country code support      |
| **Email**    | Email address    | Format validation         |
| **Location** | Mailing address  | Address components        |

## Name Field

Collect the submitter's name with flexible formatting options.

**Settings:**

* Single field or First/Last name split
* Middle name option
* Prefix/suffix options

**Common uses:**

* Contact forms
* Registration forms
* Event sign-ups

## Phone Field

Collect and validate phone numbers with international support.

**Settings:**

* Default country code
* Country selector
* Format validation by country

**Features:**

* Auto-formats as you type
* Validates based on country
* Mobile-optimized keyboard

**Common uses:**

* Contact information
* SMS notifications
* Booking confirmations

## Email Field

Collect and validate email addresses.

**Settings:**

* Placeholder text
* Required toggle
* No duplicates option

**Features:**

* Auto-validates email format
* Mobile-optimized keyboard
* Can be used for notifications

**Common uses:**

* Contact forms
* Newsletter sign-ups
* Account registration

## Location Field

<Note>
  Location Field is a Pro feature.
</Note>

Collect mailing addresses or geographic locations.

**Settings:**

* Address components (street, city, state, zip, country)
* Required components
* Country restrictions

**Features:**

* Address autocomplete
* Structured data output
* Map integration

**Common uses:**

* Shipping addresses
* Event locations
* Service area verification

## Next Steps

<CardGroup cols={2}>
  <Card title="Data Fields" icon="database" href="/features/building/fields/data-fields">
    Collect numbers, dates, and files
  </Card>

  <Card title="Payment Fields" icon="credit-card" href="/features/building/fields/payment-fields">
    Accept payments
  </Card>

  <Card title="Contact Form Guide" icon="envelope" href="/guides/use-cases/contact-form">
    Build a short contact form that routes messages and confirms receipt
  </Card>

  <Card title="Lead Capture Template" icon="bullseye" href="https://formhug.ai/templates/lead-capture-form-template" target="_blank">
    Start from a form designed for sales and marketing inquiries
  </Card>

  <Card title="Contact Page Examples" icon="book-open" href="https://formhug.ai/blog/contact-us-page-examples" target="_blank">
    See how contact fields fit into a complete website contact page
  </Card>
</CardGroup>
