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

# Fillout form field types

> With Fillout, you can use over 50 different question or field types to make your forms. Easily customize or change field types, add captions and default values, and use logic.

export const SupportBanner = () => {
  const titleId = React.useId();
  return <div className="support-banner" role="region" aria-labelledby={titleId}>
      <span className="support-banner__ring support-banner__ring--outer" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--middle" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--inner" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--center" aria-hidden="true" />

      <div className="support-banner__content">
        <div className="support-banner__title" id={titleId} role="heading" aria-level="2">Still have questions?</div>

        <div className="support-banner__copy">
          <span className="support-banner__line">Our team is happy to help. Start a live chat using the</span>
          <span className="support-banner__line">
            chat bubble <span className="support-banner__chat-icon" aria-hidden="true" /> in the bottom right, or email us at
          </span>
          <span className="support-banner__line">
            <a href="mailto:support@fillout.com">support{'@'}fillout.com</a>
          </span>
        </div>

        <a className="support-banner__cta" href="mailto:support@fillout.com">Contact us</a>
      </div>
    </div>;
};

## How to add a field

Simply click or drag and drop your chosen **field type** from the left-hand panel, then type your question or text.

<img src="https://mintcdn.com/fillout-005a867b/cHmZG3ADfKc8PEiE/images/Screenshot2025-10-02at3.39.58PM.png?fit=max&auto=format&n=cHmZG3ADfKc8PEiE&q=85&s=e94120107f40b07de78ea3b039d67efc" alt="Screenshot 2025-10-02 at 3.39.58 PM.png" width="2624" height="1436" data-path="images/Screenshot2025-10-02at3.39.58PM.png" />

Each field is highly customizable. Just click on any field followed by its <Icon icon="gear-complex" iconType="solid" /> to open the right-hand panel.

<Warning>
  Deleting a form field will automatically remove any existing responses to that field. It will no longer appear on the Results page.
</Warning>

Add supporting details, make it required, set up [**conditional logic**](/help/conditional-hiding), and more. You can also easily [copy and paste](/help/copy-paste-fields) or [duplicate](/help/duplicate-fields) your field types.

## Change field type

Click a field followed by <Icon icon="arrow-right-arrow-left" iconType="solid" /> to select a different field type.

<Check>
  Switching to a suggested field type keeps your current settings. It only works with compatible types that support the same answers (e.g., Multiselect → Checkboxes, Multiple Choice → Dropdown).
</Check>

## List of field types

| **Field type**                                                                                    | **Purpose**                                                                                                |
| ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
| Short answer                                                                                      | Collect a single line of text response                                                                     |
| Multiple choice                                                                                   | Present a list of choices to select only one option from                                                   |
| Email input                                                                                       | Collect an email address                                                                                   |
| Text                                                                                              | Display a block of text                                                                                    |
| Phone number                                                                                      | Collect a phone number                                                                                     |
| [Address](/help/address)                                                                               | Collect a mailing address                                                                                  |
| [Heading](/help/heading)                                                                               | Display a heading in the largest size                                                                      |
| Paragraph                                                                                         | Display a formattable block of text in a paragraph format                                                  |
| [Banner](/help/banners)                                                                                | Display a banner image or message                                                                          |
| Dropdown                                                                                          | Present a list of options in a dropdown menu format                                                        |
| [Picture choice](https://www.fillout.com/help/image-gif#add-images-to-choices)                    | Show a set of image options to select from                                                                 |
| Multiselect                                                                                       | Present a list of options to choose from, with the ability to select multiple options                      |
| Switch                                                                                            | Show a toggle switch to turn an option on or off                                                           |
| Checkbox                                                                                          | Show a yes or no question, like a terms of service agreement checkbox                                      |
| Checkboxes                                                                                        | Present a list of options to choose from, with the ability to tick multiple options                        |
| Rich text                                                                                         | Collect responses with formatting options like headings, bullet points, and text styling                   |
| [Record picker](https://www.fillout.com/help/record-pickers)                                      | Present a list of records to select from (only for forms connected to a database like Airtable and Notion) |
| [Submission picker](/help/submission-picker)                                                           | Enable pre-filling of forms with responses from another form                                               |
| [Choice matrix](/help/matrix)                                                                          | Collect a grid of selections from corresponding rows and columns                                           |
| [Date picker](https://www.fillout.com/help/date-range)                                            | Collect a date value                                                                                       |
| [Date time picker](https://www.fillout.com/help/date-range)                                       | Collect a date and time value                                                                              |
| Time picker                                                                                       | Collect a time value                                                                                       |
| [Date range](/help/date-range)                                                                         | Collect a start and end date                                                                               |
| [Ranking](/help/ranking)                                                                               | Show a list of options to rank                                                                             |
| [Star Rating](/help/rating)                                                                            | Show a star rating system to rate an attribute                                                             |
| [Slider](/help/rating)                                                                                 | Show a sliding control to select a value from a range                                                      |
| [Opinion scale](/help/rating)                                                                          | Show a predefined scale to express opinion on a topic                                                      |
| Long answer                                                                                       | Collect a longer text response, such as a paragraph or a list                                              |
| Number                                                                                            | Collect a numerical value                                                                                  |
| [Currency](/help/currency)<Icon icon="gem" iconType="solid" color="#b8d8e7" />                         | Collect a monetary amount                                                                                  |
| [URL](/help/add-links-to-form)                                                                         | Request for website links                                                                                  |
| Color picker                                                                                      | Present a predefined set of options or using a color picker interface                                      |
| Password                                                                                          | Collect a password                                                                                         |
| [File uploader](/help/file-upload)                                                                     | Collect file uploads                                                                                       |
| [Signature](/help/esignatures)<Icon icon="gem" iconType="solid" color="#b8d8e7" />                     | Request for a free-form or upload of a signature                                                           |
| [Voice recording](/help/voice-recording)                                                               | Request voice recordings and automatically transcribe them                                                 |
| [Subforms](/help/subforms)                                                                             | Collect information on nested forms within your main form                                                  |
| [Captcha](/help/captcha)<Icon icon="gem" iconType="solid" color="#b8d8e7" />                           | Present respondents with a challenge to prove they are human and not a bot                                 |
| [Location coordinates](/help/location-coordinates)<Icon icon="gem" iconType="solid" color="#b8d8e7" /> | Collect geographic location coordinates                                                                    |
| [Section collapse](/help/section-collapse)                                                             | Allow respondents to show or hide a section of the form                                                    |
| Divider                                                                                           | Display a horizontal line to visually separate content on your form                                        |
| [HTML](/help/html-css)<Icon icon="gem" iconType="solid" color="#b8d8e7" />                             | Control the layout of your form elements and add custom styles to it                                       |
| [**Image**](/help/image-gif)                                                                           | Display an image or GIF by uploading one or choosing from a gallery                                        |
| [Video](/help/video)                                                                                   | Display a video                                                                                            |
| [PDF Viewer](/help/embed-pdfs)<Icon icon="gem" iconType="solid" color="#b8d8e7" />                     | Display a PDF document                                                                                     |
| [Progress bar](/help/progress-bar)                                                                     | Show a visual indicator to help respondents track their completion                                         |
| [Fill again button](/help/fill-again-button)                                                           | Let respondents fill out your form multiple times (only on ending pages)                                   |
| Send response                                                                                     | Let respondents receive a copy of their responses via email (only on ending pages)                         |
| Download PDF                                                                                      | Let respondents download the PDF copy generated after completing their form (only on ending pages)         |
| [Table](/help/table)                                                                                   | Collect data in a spreadsheet-like format with multiple rows and columns                                   |
| [Social media links](/help/social-media)                                                               | Add buttons that link to your social media pages, messaging channels, portfolios, and more                 |

<Info>
  Question types with the <Icon icon="gem" iconType="solid" color="#b8d8e7" /> symbol are available to users in the **Starter**, **Pro**, **Business**, and **Enterprise** [plans](https://www.fillout.com/pricing). If you are on the **Free** plan, the pop-up below will show up for these fields.
</Info>

<img src="https://mintcdn.com/fillout-005a867b/bR7uzjTGxnYiCLB1/images/premium.webp?fit=max&auto=format&n=bR7uzjTGxnYiCLB1&q=85&s=ffd27019190d9ad286c2429a8f0b77d1" alt="Premium Web" style={{ width:"35%" }} width="581" height="225" data-path="images/premium.webp" />

## Related articles

<CardGroup cols={3}>
  <Card title="Duplicate questions" color="#FFC738" icon="clone" iconType="regular" href="/help/duplicate-fields">
    Build forms faster by duplicating existing questions or fields.
  </Card>

  <Card title="Hide fields" color="#FFC738" icon="eye-slash" iconType="regular" href="/help/conditional-hiding">
    Hide or show fields based on answers, URL parameters or data.
  </Card>

  <Card title="Add custom values" color="#FFC738" icon="quote-left" iconType="regular" href="/help/custom-values">
    Assign different values to the choices shown to respondents.
  </Card>
</CardGroup>

<SupportBanner />
