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

# Form Elements

> A complete guide to all the form elements you can use in Weavely — from text fields and dropdowns to star ratings, file uploads, and more.

<span className="weavely-jsonld" hidden>
  {`{
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "WebPage",
        "@id": "https://help.weavely.ai/get-started/form-lements",
        "url": "https://help.weavely.ai/get-started/form-lements",
        "name": "Form Elements",
        "description": "A complete guide to all the form elements you can use in Weavely — from text fields and dropdowns to star ratings, file uploads, and more.",
        "inLanguage": "en",
        "publisher": { "@id": "https://www.weavely.ai/#org" }
      },
      {
        "@type": "TechArticle",
        "@id": "https://help.weavely.ai/get-started/form-lements#article",
        "headline": "Form Elements",
        "description": "A complete guide to all the form elements you can use in Weavely — from text fields and dropdowns to star ratings, file uploads, and more.",
        "inLanguage": "en",
        "mainEntityOfPage": { "@id": "https://help.weavely.ai/get-started/form-lements" },
        "author": { "@id": "https://www.weavely.ai/#org" },
        "publisher": { "@id": "https://www.weavely.ai/#org" }
      },
      {
        "@type": "ItemList",
        "@id": "https://help.weavely.ai/get-started/form-lements#list",
        "itemListOrder": "ItemListOrderAscending",
        "numberOfItems": 26,
        "itemListElement": [
          { "@type": "ListItem", "position": 1, "name": "Short Text" },
          { "@type": "ListItem", "position": 2, "name": "Long Text" },
          { "@type": "ListItem", "position": 3, "name": "Number" },
          { "@type": "ListItem", "position": 4, "name": "Email" },
          { "@type": "ListItem", "position": 5, "name": "Phone Number" },
          { "@type": "ListItem", "position": 6, "name": "URL" },
          { "@type": "ListItem", "position": 7, "name": "Date Picker" },
          { "@type": "ListItem", "position": 8, "name": "Time" },
          { "@type": "ListItem", "position": 9, "name": "File Upload" },
          { "@type": "ListItem", "position": 10, "name": "Single Choice" },
          { "@type": "ListItem", "position": 11, "name": "Multiple Choice" },
          { "@type": "ListItem", "position": 12, "name": "Dropdown" },
          { "@type": "ListItem", "position": 13, "name": "Image Choice" },
          { "@type": "ListItem", "position": 14, "name": "Checkbox" },
          { "@type": "ListItem", "position": 15, "name": "Matrix" },
          { "@type": "ListItem", "position": 16, "name": "Ranking" },
          { "@type": "ListItem", "position": 17, "name": "Star Rating" },
          { "@type": "ListItem", "position": 18, "name": "Scale Rating" },
          { "@type": "ListItem", "position": 19, "name": "Range Slider" },
          { "@type": "ListItem", "position": 20, "name": "Heading" },
          { "@type": "ListItem", "position": 21, "name": "Paragraph" },
          { "@type": "ListItem", "position": 22, "name": "Image" },
          { "@type": "ListItem", "position": 23, "name": "Embed HTML" },
          { "@type": "ListItem", "position": 24, "name": "Audio Embed" },
          { "@type": "ListItem", "position": 25, "name": "Video Embed" },
          { "@type": "ListItem", "position": 26, "name": "Signature" }
        ]
      },
      {
        "@type": "Organization",
        "@id": "https://www.weavely.ai/#org",
        "name": "Weavely",
        "url": "https://www.weavely.ai"
      }
    ]
    }`}
</span>

Weavely gives you 26 different form elements to work with. You can add any of them by asking the AI (e.g. *"add a file upload field"*) or by browsing the element picker in the form editor.

This page gives you a quick overview of every element, what it's for, and what options you can configure.

<Tip>
  You don't need to memorise these! Just describe what you need to Weavely's AI and it will pick the right element for you.
</Tip>

## Input Elements

These elements collect typed responses from your respondents — names, emails, numbers, dates, and more.

<AccordionGroup>
  <Accordion title="Short Text" icon="font">
    A single-line text field for short answers.

    **Use it for:** Names, job titles, company names, or any brief free-text answer.

    **Options:**

    * Mark as required
    * Add a description or helper text
    * Set placeholder text
    * Set a minimum and/or maximum character length
    * Add a validation pattern (regex) for custom format rules

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.05.19.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=d04bf4d85177347eea81ece6414dbe03" alt="Screenshot of the &#x22;Short Text&#x22; form element in Weavely AI." width="1911" height="831" data-path="images/Screenshot2026-04-03at13.05.19.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Long Text" icon="align-left">
    A multi-line text field for longer responses.

    **Use it for:** Comments, feedback, detailed descriptions, or open-ended questions.

    **Options:**

    * Mark as required
    * Add a description or helper text
    * Set placeholder text
    * Set a minimum and/or maximum character length
    * Add a validation pattern (regex) for custom format rules

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.06.33.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=2b641abb2f849c57d1af5e395030a4e0" alt="Screenshot of the &#x22;Long Text&#x22; form element in Weavely AI." width="1911" height="835" data-path="images/Screenshot2026-04-03at13.06.33.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Number" icon="hashtag">
    A field that only accepts numeric values.

    **Use it for:** Quantities, ages, budgets, headcounts, or any numerical answer.

    **Options:**

    * Mark as required
    * Add a description or helper text
    * Set placeholder text
    * Set a minimum and/or maximum value
    * Add a validation pattern (regex) for custom format rules

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.07.31.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=2601ec117e254d55128cbf5321c1737c" alt="Screenshot of the &#x22;Number&#x22; form element in Weavely AI." width="1912" height="834" data-path="images/Screenshot2026-04-03at13.07.31.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Email" icon="envelope">
    A text field with built-in email validation. Respondents must enter a properly formatted email address.

    **Use it for:** Collecting contact emails, newsletter signups, or account registration.

    **Options:**

    * Mark as required
    * Add a description or helper text
    * Set placeholder text
    * Set a minimum and/or maximum character length
    * Add a validation pattern (regex) for custom format rules

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.08.13.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=f68a2846d218b57dd89fbdfd87561a49" alt="Screenshot of the &#x22;Email&#x22; form element in Weavely AI." width="1913" height="831" data-path="images/Screenshot2026-04-03at13.08.13.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Phone Number" icon="phone">
    A field for collecting phone numbers.

    **Use it for:** Contact forms, booking forms, or any scenario where you need a phone number.

    **Options:**

    * Mark as required
    * Add a description or helper text
    * Set placeholder text
    * Enable/disable auto-detection of respondent country
    * Set default country code
    * Set a minimum and/or maximum character length
    * Add a validation pattern (regex) for custom format rules

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.09.35.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=59fc9720eb2566618094618a73a86bbe" alt="Screenshot of the &#x22;Phone Number&#x22; form element in Weavely AI." width="1913" height="834" data-path="images/Screenshot2026-04-03at13.09.35.webp" />
    </Frame>
  </Accordion>

  <Accordion title="URL" icon="link">
    A text field with URL validation. Respondents must enter a valid web address (must start with http\:// or https\:// followed by a domain).

    **Use it for:** Collecting website links, portfolio URLs, social media profiles, or LinkedIn pages.

    **Options:**

    * Mark as required
    * Add a description or helper text
    * Set placeholder text
    * Add a validation pattern (regex) for custom format rules

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.11.26.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=bf480c05ab0cd5475ba57053f5957c25" alt="Screenshot of the &#x22;URL&#x22; form element in Weavely AI." width="1911" height="833" data-path="images/Screenshot2026-04-03at13.11.26.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Date Picker" icon="calendar">
    A calendar-style picker that lets respondents select a date.

    **Use it for:** Booking dates, event registration, deadlines, or dates of birth.

    **Options:**

    * Mark as required
    * Add a description or helper text
    * Set an earliest and/or latest allowed date

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.12.11.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=b4765bc0d96e0645d3fdb152edf1f4be" alt="Screenshot of the &#x22;Date Picker&#x22; form element in Weavely AI." width="1913" height="832" data-path="images/Screenshot2026-04-03at13.12.11.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Time" icon="clock">
    A picker for selecting a specific time.

    **Use it for:** Appointment scheduling, preferred contact times, or event start times.

    **Options:**

    * Mark as required
    * Add a description or helper text
    * Set an earliest and/or latest allowed time

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.12.53.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=eb547a47d89eafe7fd2660ebf54a3903" alt="Screenshot of the &#x22;Time&#x22; form element in Weavely AI." width="1914" height="835" data-path="images/Screenshot2026-04-03at13.12.53.webp" />
    </Frame>
  </Accordion>

  <Accordion title="File Upload" icon="upload">
    Lets respondents upload one or more files directly through the form.

    **Use it for:** Resumes, images, documents, portfolios, or any file attachment.

    **Options:**

    * Mark as required
    * Limit the number of files allowed
    * Set a maximum file size
    * Restrict accepted file types (e.g. PDFs only, images only)
    * Add a description or helper text

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.13.44.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=1a6e473ca03717f8951d6037acea449f" alt="Screenshot of the &#x22;File&#x22; form element in Weavely AI." width="1916" height="834" data-path="images/Screenshot2026-04-03at13.13.44.webp" />
    </Frame>
  </Accordion>
</AccordionGroup>

## Choice Elements

These elements let respondents pick from a set of predefined options.

<AccordionGroup>
  <Accordion title="Single Choice" icon="circle-dot">
    A list of options where respondents choose exactly one. Only one option can be selected at a time.

    **Use it for:** Yes/no questions, preference picks, or any question with mutually exclusive answers.

    **Options:**

    * Mark as required
    * Randomize option order
    * Add an "Other" option with a free-text field
    * Customise the "Other" option label

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.14.43.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=d14b79446225a2ee2d688e92bd1ab9d8" alt="Screenshot of the &#x22;Single Choice&#x22; form element in Weavely AI." width="1914" height="835" data-path="images/Screenshot2026-04-03at13.14.43.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Multiple Choice" icon="square-check">
    A list of options where respondents can select multiple answers.

    **Use it for:** "Select all that apply" questions, interest lists, or feature preferences.

    **Options:**

    * Mark as required
    * Randomize option order
    * Add an "Other" option with a free-text field
    * Customise the "Other" option label

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.15.52.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=8e64cd9e82ef28b3a5bb1caf37687cca" alt="Screenshot of the &#x22;Multiple Choice&#x22; form element in Weavely AI." width="1911" height="833" data-path="images/Screenshot2026-04-03at13.15.52.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Dropdown" icon="caret-down">
    A compact dropdown menu for selecting a single option. The options are hidden until the respondent clicks to expand the list.

    **Use it for:** Long lists of options (countries, categories, departments) where radio buttons would take up too much space.

    **Options:**

    * Mark as required
    * Randomize option order

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.16.42.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=d0c2ca53d8fa4a12c2b89035ed7756c5" alt="Screenshot of the &#x22;Dropdown&#x22; form element in Weavely AI." width="1912" height="832" data-path="images/Screenshot2026-04-03at13.16.42.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Image Choice" icon="image">
    A visual selection element where each option is represented by an image. Respondents click on an image to select it.

    **Use it for:** Design preferences, product picks, mood boards, or any visual comparison.

    **Options:**

    * Mark as required
    * Allow single or multiple selection
    * Randomize option order
    * Set image dimensions and fit

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.17.30.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=12512c1fc0490e4f88a5170fb8ee7af9" alt="Screenshot of the &#x22;Image Choice&#x22; form element in Weavely AI." width="1909" height="834" data-path="images/Screenshot2026-04-03at13.17.30.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Checkbox" icon="check">
    A standalone checkbox — checked or unchecked.

    **Use it for:** Terms and conditions agreements, opt-ins, consent confirmations, or any yes/no toggle.

    **Options:**

    * Mark as required (respondent must check the box)
    * Set whether it's pre-checked by default

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.18.20.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=818e3c3e6db52029f795908cc1bf9250" alt="Screenshot of the &#x22;Checkbox&#x22; form element in Weavely AI." width="1913" height="834" data-path="images/Screenshot2026-04-03at13.18.20.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Matrix" icon="table-cells">
    A grid where rows represent sub-questions and columns represent answer options. Each row is answered independently using the same set of choices.

    **Use it for:** Likert scales, multi-criteria evaluations, satisfaction surveys, or comparing multiple items on the same scale.

    **Options:**

    * Mark as required
    * Allow single or multiple selections per row

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.19.10.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=d8a806743ced1525190945b3819ccb01" alt="Screenshot of the &#x22;Matrix&#x22; form element in Weavely AI." width="1913" height="833" data-path="images/Screenshot2026-04-03at13.19.10.webp" />
    </Frame>
  </Accordion>
</AccordionGroup>

## Rating Elements

These elements let respondents express a score or level of satisfaction.

<AccordionGroup>
  <Accordion title="Ranking" icon="arrow-down-1-9">
    A drag-and-drop element where respondents reorder items by preference or priority.

    **Use it for:** Prioritisation exercises, feature rankings, or preference ordering.

    **Options:**

    * Mark as required

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.22.15.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=5af2df5c4f10c7b0394de75eae561384" alt="Screenshot of the &#x22;Ranking&#x22; form element in Weavely AI." width="1912" height="833" data-path="images/Screenshot2026-04-03at13.22.15.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Star Rating" icon="star">
    A familiar star-based rating. Respondents click to select a number of stars.

    **Use it for:** Product reviews, experience ratings, satisfaction scores, or any quick quality assessment.

    **Options:**

    * Mark as required
    * Set the number of stars (e.g. 5 or 10)
    * Change the icon (use hearts, thumbs up, or other icons instead of stars)

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.23.07.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=180b681df5f82c20668b736a978745dd" alt="Screenshot of the &#x22;Star Rating&#x22; form element in Weavely AI." width="1910" height="834" data-path="images/Screenshot2026-04-03at13.23.07.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Scale Rating" icon="signal">
    A numeric scale where respondents pick a number (e.g. 0–10). Often used for NPS (Net Promoter Score) surveys.

    **Use it for:** NPS surveys, satisfaction scores, likelihood scales, or effort scores.

    **Options:**

    * Mark as required
    * Set the number of scale points

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.23.57.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=cdd21a402c827c9359f8ebf60fcaa9bb" alt="Screenshot of the &#x22;Scale Rating&#x22; form element in Weavely AI." width="1911" height="836" data-path="images/Screenshot2026-04-03at13.23.57.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Range Slider" icon="sliders">
    A draggable slider for selecting a value within a defined range.

    **Use it for:** Budgets, price ranges, temperature preferences, or any continuous numeric value.

    **Options:**

    * Set minimum and maximum values
    * Set the step size (e.g. increments of 10, 100, or 500)

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.26.49.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=847aba0cef6d3274da614e7e9e731177" alt="Screenshot of the &#x22;Range Slider&#x22; form element in Weavely AI." width="1911" height="834" data-path="images/Screenshot2026-04-03at13.26.49.webp" />
    </Frame>
  </Accordion>
</AccordionGroup>

## Display Elements

Display elements don't collect responses — they add structure, context, and media to your form.

<AccordionGroup>
  <Accordion title="Heading" icon="heading">
    A large text heading for creating visual sections within your form.

    **Use it for:** Section titles, page headers, or visual breaks between groups of questions.

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.28.36.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=df93398414030a1fac8f4db747f03ea5" alt="Screenshot of the &#x22;Heading&#x22; form element in Weavely AI." width="1911" height="834" data-path="images/Screenshot2026-04-03at13.28.36.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Paragraph" icon="paragraph">
    A block of text for adding instructions, explanations, or contextual information. Supports rich text formatting and [answer piping](/features/answer-piping) to dynamically insert a respondent's earlier answers.

    **Use it for:** Instructions, welcome messages, disclaimers, or personalised text using answer piping.

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.29.15.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=37c3857d1713e6cdfb5cdf8d59b77b23" alt="Screenshot of the &#x22;Paragraph&#x22; form element in Weavely AI." width="1909" height="836" data-path="images/Screenshot2026-04-03at13.29.15.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Image" icon="image">
    Displays an image on the form.

    **Use it for:** Reference photos, diagrams, or any visual context.

    **Options:**

    * Set image width and height

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.30.18.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=de10f308a5228395d15ca0937f24a431" alt="Screenshot of the &#x22;Image&#x22; form element in Weavely AI." width="1912" height="835" data-path="images/Screenshot2026-04-03at13.30.18.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Embed HTML" icon="code">
    Embeds a custom HTML snippet directly into your form.

    **Use it for:** Third-party widgets, custom styling, embedded maps, or anything not covered by the other elements.

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.31.40.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=16d7ae37968148a08c367af2728203cb" alt="Screenshot of the &#x22;Embed HTML&#x22; form element in Weavely AI." width="1914" height="835" data-path="images/Screenshot2026-04-03at13.31.40.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Audio Embed" icon="headphones">
    An audio player embedded in your form.

    **Use it for:** Podcasts, voice instructions, music samples, or audio feedback prompts.

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.33.28.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=3235b4fcb13aace743713b19b7fb4853" alt="Screenshot of the &#x22;Embed Audio&#x22; form element in Weavely AI." width="1915" height="839" data-path="images/Screenshot2026-04-03at13.33.28.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Video Embed" icon="video">
    A video player embedded in your form. Supports YouTube, Vimeo, and other hosted video URLs.

    **Use it for:** Tutorial videos, product demos, welcome messages, or any video content.

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.34.12.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=182ca7f450c7cae9a6bb136c5aafea26" alt="Screenshot of the &#x22;Embed Video&#x22; form element in Weavely AI." width="1911" height="837" data-path="images/Screenshot2026-04-03at13.34.12.webp" />
    </Frame>
  </Accordion>
</AccordionGroup>

## Special Elements

<AccordionGroup>
  <Accordion title="Signature" icon="signature">
    A digital signature pad where respondents draw their signature using a mouse, trackpad, or finger on mobile.

    **Use it for:** Contracts, consent forms, waivers, delivery confirmations, or any document that needs a signature.

    **Options:**

    * Mark as required
    * Set the output file format

    <Frame>
      <img src="https://mintcdn.com/weavelyai/8CR0RTpkoIGq2J7o/images/Screenshot2026-04-03at13.34.48.webp?fit=max&auto=format&n=8CR0RTpkoIGq2J7o&q=85&s=f35b8bab9b35fd58436dbdeacde09017" alt="Screenshot of the &#x22;Signature&#x22; form element in Weavely AI." width="1913" height="831" data-path="images/Screenshot2026-04-03at13.34.48.webp" />
    </Frame>
  </Accordion>
</AccordionGroup>

***

## Related

<CardGroup cols={2}>
  <Card title="Skip-page Logic" icon="split" href="/features/skip-logic">
    Show or hide elements and pages based on how respondents answer.
  </Card>

  <Card title="Answer Piping" icon="at" href="/features/answer-piping">
    Dynamically insert earlier answers into later questions or text.
  </Card>

  <Card title="Field Validation" icon="shield-check" href="/features/field-validation">
    Add custom validation rules to your form fields.
  </Card>

  <Card title="Quizzes" icon="graduation-cap" href="/features/quizzes">
    Turn your form into a scored quiz with correct answers and feedback.
  </Card>
</CardGroup>
