> ## 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.

# Data Fields

> Collect numbers, dates, times, files, and audio recordings

Data fields let you collect structured data like numbers, dates, times, file uploads, and audio recordings.

They are common in <a href="https://formhug.ai/templates/use-case/applications" target="_blank">applications</a>, bookings, registrations, intake forms, and file-based workflows like resumes or document uploads. For intake-specific workflows, see <a href="https://formhug.ai/blog/client-intake-software" target="_blank">client intake software</a>; for replacing static file workflows, compare <a href="https://formhug.ai/blog/online-forms-vs-fillable-pdfs" target="_blank">online forms vs. fillable PDFs</a>.

## Available Data Fields

| Field           | Description                   | Best For                            |
| --------------- | ----------------------------- | ----------------------------------- |
| **Number**      | Numeric values                | Quantities, ages, amounts           |
| **Date**        | Date selection                | Birthdates, deadlines               |
| **Time**        | Time selection                | Appointment times                   |
| **File Upload** | File attachments              | Documents, images                   |
| **Audio**       | Browser-based voice recording | Voice feedback, interviews, reports |

## Number Field

Collect numerical values with optional validation.

**Settings:**

* Min/max value
* Decimal places
* Prefix (e.g., "\$")
* Suffix (e.g., "kg")

**Common uses:**

* Quantities
* Ages
* Prices
* Measurements

## Date Field

Collect a date using a calendar picker.

**Settings:**

* Date format
* Min/max date
* Disable specific dates
* Default to today

**Features:**

* Visual calendar picker
* Mobile-optimized
* Localized formats

**Common uses:**

* Birthdates
* Event dates
* Deadlines
* Booking dates

## Time Field

Collect a time value.

**Settings:**

* Time format (12h/24h)
* Min/max time
* Time intervals (e.g., 15-minute slots)

**Common uses:**

* Appointment times
* Event start times
* Availability windows

## File Upload

Allow submitters to upload files like documents, images, or other attachments.

**Settings:**

* Allowed file types
* Max file size
* Max number of files
* Required toggle

**Supported file types:**

* Documents (PDF, DOC, DOCX)
* Images (JPG, PNG, GIF)
* Spreadsheets (XLS, XLSX, CSV)
* Custom types

**Common uses:**

* Resume uploads
* Photo submissions
* Document attachments
* Portfolio files

<Tip>
  Set clear file type and size limits to ensure you receive files in the format you need.
</Tip>

## Audio Field

Let submitters record a voice response directly in the browser.

**Settings:**

* Recording limit
* Required toggle
* Field title and description

**Features:**

* Browser-based recording
* Review before submission
* Record again before submitting
* Playback in submission details
* Download from submitted data

**Common uses:**

* Customer voice feedback
* Candidate introductions
* Speaking practice
* Field reports
* Event testimonials
* Support explanations

<Tip>
  Use a clear prompt and a realistic recording limit. For example: "In 30-60 seconds, tell us what happened and what you expected instead."
</Tip>

## Next Steps

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

  <Card title="Rating Fields" icon="star" href="/features/building/fields/rating-fields">
    Collect ratings and rankings
  </Card>

  <Card title="Collect Voice Responses" icon="microphone" href="/guides/use-cases/voice-response-form">
    Build forms for voice feedback, interviews, speaking practice, and reports
  </Card>

  <Card title="Application Templates" icon="file-lines" href="https://formhug.ai/templates/use-case/applications" target="_blank">
    Collect dates, files, numeric details, and supporting documents
  </Card>

  <Card title="Client Intake Template" icon="clipboard-list" href="https://formhug.ai/templates/client-intake-form" target="_blank">
    Use data fields for structured project, scheduling, and budget details
  </Card>

  <Card title="Client Intake Software" icon="book-open" href="https://formhug.ai/blog/client-intake-software" target="_blank">
    Plan intake forms with files, dates, budgets, and follow-up routing
  </Card>
</CardGroup>