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

# Display Fields

> Add structure and information to your forms

Display fields help you organize your form and provide information to submitters. They don't collect data — they enhance the form experience.

They are useful in longer <a href="https://formhug.ai/survey-maker" target="_blank">surveys</a>, multi-step registrations, applications, and forms built from templates that need extra context or section breaks. For survey structure, <a href="https://formhug.ai/blog/survey-vs-questionnaire" target="_blank">survey vs. questionnaire</a> and <a href="https://formhug.ai/blog/survey-rating-scales" target="_blank">survey rating scales</a> help decide how much explanation each section needs.

## Available Display Fields

| Field           | Description                                   |
| --------------- | --------------------------------------------- |
| **Description** | Display a block of text or instructions       |
| **Page Break**  | Split the form into multiple pages            |
| **Contact Us**  | Show contact information or support details   |
| **Navigation**  | Add navigation elements to guide submitters   |
| **Button**      | Add a custom button with configurable actions |

## Description Block

Use description blocks to add instructions, explanations, or context anywhere in your form.

**Common uses:**

* Introduce a section
* Explain what information you need
* Provide examples or guidelines

**Formatting options:**

* Bold, italic, and underline
* Bullet and numbered lists
* Links

## Page Break

Split your form into multiple pages for better organization.

**When to use:**

* Forms with 10+ fields
* Grouping related questions together
* Creating a step-by-step experience

**Features:**

* Progress bar shows completion
* Submitters can navigate back and forth
* Each page loads quickly

## Contact Us Block

Display your contact information so submitters can reach out if they have questions.

**What you can include:**

* Email address
* Phone number
* Website link
* Social media links

## Navigation Block

Add navigation elements to help submitters move through your form.

**Options:**

* Table of contents
* Jump links to specific sections
* Custom navigation buttons

## Button Field

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

Add custom buttons with configurable actions:

| Action      | Description                  |
| ----------- | ---------------------------- |
| Open URL    | Navigate to an external page |
| Submit form | Trigger form submission      |
| Next page   | Move to the next page        |
| Custom      | Run custom JavaScript        |

## Related

<CardGroup cols={2}>
  <Card title="Text Fields" icon="font" href="/features/building/fields/text-fields">
    Collect short text, long text, and URL responses.
  </Card>

  <Card title="Choice Fields" icon="list" href="/features/building/fields/choice-fields">
    Let submitters choose from radio, checkbox, dropdown, and more.
  </Card>

  <Card title="Form Design Best Practices" icon="lightbulb" href="/guides/tips/best-practices">
    Learn when to split forms into sections and add instructions
  </Card>

  <Card title="Survey Templates" icon="grid-2" href="https://formhug.ai/templates/use-case/surveys-feedback" target="_blank">
    Start from structured feedback and research survey templates
  </Card>

  <Card title="Survey vs. Questionnaire" icon="book-open" href="https://formhug.ai/blog/survey-vs-questionnaire" target="_blank">
    Decide when a form needs context, sections, and progress
  </Card>
</CardGroup>