Skip to content
Join our Slack

Number

The Number component gives respondents a field for entering numeric values. It validates that entries are actually numbers and, on mobile, brings up a numeric keyboard for faster input.

A number component in a form
A number component in a form

Number is ideal for collecting:

  • Ages
  • Quantities or counts
  • Prices or budgets
  • Years
  • Scores or ratings
  • Measurements
  • Any numeric value
  1. Open your form in the editor

  2. On the Build tab, open the Components panel and drag the Number component onto your form

  3. Click the component on the canvas to select it and configure its settings

The main question or prompt displayed above the field.

Examples:

  • “Age”
  • “How many attendees?”
  • “Budget (USD)”
  • “Years of experience”

Add helper text, an example image, or a divider between the question’s title and its input: drag a Text, Image, or Divider component onto the question and drop it on the line that appears under the title. Supporting text comes with full formatting and answer piping. Learn more in Supporting content.

Ghost text that appears inside the field when it’s empty.

Examples:

  • “25”
  • “Enter amount”
  • “0”

Toggle whether this field must be filled out before the form can be submitted.

When enabled:

  • An asterisk (*) appears next to the question label
  • Respondents cannot submit without providing a valid number
  • A validation error appears if the field is left empty

The Number field validates entries to ensure:

  • The input is a valid number
  • The field isn’t empty (if required)
Validation error messages
Validation error messages

Validation messages:

  • “This field is required” - when empty and required

The Number field is optimized for mobile devices:

  • Triggers the numeric keyboard on mobile devices
  • Shows number keys for faster entry
  • Supports decimal input where appropriate

The Number field accepts decimal values (e.g., 3.5, 10.99). If you only want whole numbers, mention this in the supporting text.

The Number field is built with accessibility in mind:

  • Input type is set to “number” for proper semantics
  • Labels are properly associated with the input
  • Validation errors are announced to screen readers
  • Keyboard navigation is fully supported

Your next form could be the best-looking thing on your site.

Free forever. Unlimited responses. No signup to start.