Uplup Logo

Form Field Types Reference – All 40+ Fields | Uplup

Uplup offers 40+ field types to build any form you need. This reference guide covers every available field type, organized by category, with details on when and how to use each one.

Table of Contents


Basic Input Fields

Text-based fields for collecting typed responses from users.

Short Text

Single-line text input for brief responses like names, titles, or short answers.

  • Best for: Names, titles, single words or phrases
  • Validation: Min/max length, regex patterns
  • Options: Placeholder text, prefix/suffix

Long Text

Multi-line text area for longer responses like messages, descriptions, or comments.

  • Best for: Messages, feedback, descriptions, essays
  • Validation: Min/max character count
  • Options: Adjustable height, character counter

Rich Text

Text editor with formatting options like bold, italic, lists, and links.

  • Best for: Formatted content, detailed descriptions
  • Features: Bold, italic, underline, lists, links

Number

Numeric input that only accepts numbers. Includes increment/decrement controls.

  • Best for: Quantities, ages, amounts
  • Validation: Min/max value, decimal places
  • Options: Step increment, prefix/suffix (e.g., “$” or “kg”)

Email

Email address input with built-in format validation.

  • Best for: Collecting email addresses
  • Validation: Automatic email format checking
  • Options: Confirmation field (enter email twice)

Phone

Phone number input with country code selector and formatting.

  • Best for: Phone numbers, mobile numbers
  • Features: Country code dropdown, auto-formatting
  • Validation: Phone number format validation

URL

Website URL input with format validation.

  • Best for: Website links, portfolio URLs, social profiles
  • Validation: Valid URL format required

Name

Specialized field for collecting full names with optional first/last name split.

  • Best for: Full names
  • Options: Single field or split into First/Last/Middle
  • Features: Title prefix (Mr., Ms., Dr., etc.)

Address

Complete address collection with street, city, state, zip, and country fields.

  • Best for: Shipping addresses, billing addresses, locations
  • Features: Google Places autocomplete (optional)
  • Options: Choose which address components to include

Date of Birth

Specialized date picker optimized for birth dates with age calculation.

  • Best for: Birth dates, age verification
  • Validation: Minimum age requirement
  • Features: Easy year selection for past dates

Company Name

Text field optimized for business/organization names.

  • Best for: B2B forms, business registration

Hidden Field

Invisible field that captures data without user input. Useful for tracking.

  • Best for: UTM parameters, referral sources, user IDs
  • Options: Pre-filled value, URL parameter capture

Choice Fields

Fields that let users select from predefined options.

Radio Button

Select one option from a list. Options displayed as circular buttons.

  • Best for: Single-choice questions with few options
  • Options: Vertical or horizontal layout
  • Features: “Other” option with text input

Checkbox

Select multiple options from a list. Options displayed as square checkboxes.

  • Best for: Multi-select questions, “select all that apply”
  • Options: Min/max selections required
  • Features: “Select All” option, “Other” option

Dropdown

Select one option from a dropdown menu. Saves space for long option lists.

  • Best for: Long lists of options (countries, categories)
  • Features: Search/filter within dropdown
  • Options: Placeholder text, default selection

Multi-Select Dropdown

Dropdown that allows selecting multiple options.

  • Best for: Multiple selections from long lists
  • Features: Tags display for selected items

Picture Choice

Visual selection using images instead of text labels.

  • Best for: Product selection, visual preferences, style choices
  • Options: Single or multiple selection
  • Features: Image upload, optional text labels

Yes/No

Simple binary choice displayed as two buttons.

  • Best for: Yes/no questions, true/false, agree/disagree
  • Options: Customize button labels

Legal / Consent

Checkbox for terms acceptance, privacy policy consent, or legal agreements.

  • Best for: Terms of service, privacy consent, GDPR compliance
  • Features: Link to full terms document
  • Options: Required by default

Date & Time Fields

Fields for collecting date and time information.

Date Picker

Calendar-style date selector.

  • Best for: Event dates, appointments, deadlines
  • Validation: Min/max date, disable specific dates
  • Options: Date format (MM/DD/YYYY, DD/MM/YYYY, etc.)

Time Picker

Time selection with hours and minutes.

  • Best for: Appointment times, schedules
  • Options: 12-hour or 24-hour format, time intervals

Date & Time

Combined date and time picker in a single field.

  • Best for: Event scheduling, appointment booking

Date Range

Select a start and end date for a range.

  • Best for: Travel dates, project timelines, rental periods
  • Features: Visual range selection on calendar

Timezone

Dropdown to select a timezone.

  • Best for: International scheduling, remote meetings
  • Features: Auto-detect user’s timezone option

Rating Fields

Fields for collecting ratings and scaled responses.

Star Rating

Classic star-based rating (1-5 stars by default).

  • Best for: Product reviews, satisfaction ratings
  • Options: Number of stars (3-10), half-star support
  • Features: Custom icon (stars, hearts, thumbs)

NPS (Net Promoter Score)

0-10 scale commonly used for customer loyalty measurement.

  • Best for: Customer satisfaction, loyalty surveys
  • Features: Standard NPS question text, automatic scoring
  • Display: Shows scale with Detractor/Passive/Promoter labels

Opinion Scale

Numbered scale (e.g., 1-5, 1-7, 1-10) with optional labels.

  • Best for: Likert scales, agreement scales
  • Options: Custom scale range, endpoint labels
  • Example labels: “Strongly Disagree” to “Strongly Agree”

Slider

Draggable slider for selecting a value within a range.

  • Best for: Ranges, percentages, continuous values
  • Options: Min/max values, step size, show value label

Advanced Fields

More complex field types for specialized data collection.

Matrix / Grid

Table-style grid for rating multiple items on the same scale.

  • Best for: Comparing multiple items, multi-question ratings
  • Options: Radio (single per row) or checkbox (multiple per row)
  • Features: Customizable rows and columns

Ranking

Drag-and-drop to rank items in order of preference.

  • Best for: Priority ranking, preference ordering
  • Features: Drag-to-reorder interface

File Upload

Allow users to upload files (documents, images, etc.).

  • Best for: Resume uploads, document submissions, photo uploads
  • Options: Allowed file types, max file size, multiple files
  • Features: Drag-and-drop upload, preview thumbnails

Signature

Digital signature capture using mouse or touch.

  • Best for: Contracts, agreements, consent forms
  • Features: Draw signature, clear and redo

Code

Code editor field with syntax highlighting.

  • Best for: Technical assessments, code submissions
  • Features: Syntax highlighting, multiple language support

Layout & Content Fields

Non-input fields for organizing and displaying content within your form.

Heading

Section title to organize your form into logical sections.

  • Best for: Section dividers, form organization
  • Options: Heading level (H1-H6), text alignment

Paragraph

Text block for instructions, descriptions, or information.

  • Best for: Instructions, explanations, context
  • Features: Rich text formatting

Statement

Large, prominent text display for key messages.

  • Best for: Welcome messages, important notices
  • Features: Large typography, centered display

Image

Display an image within your form.

  • Best for: Logos, product images, visual instructions
  • Options: Size, alignment, alt text

Video

Embed a video from YouTube, Vimeo, or direct URL.

  • Best for: Video instructions, introductions, training content

Divider

Horizontal line to visually separate form sections.

  • Best for: Visual separation between sections
  • Options: Line style, thickness, color

Page Break

Split your form into multiple pages (Classic mode only).

  • Best for: Long forms, multi-step processes
  • Features: Progress bar display

See Multi-Page Forms & Progress Bar for detailed instructions.


Special Fields

Specialized fields for specific functionality.

Payment

Collect payments via Stripe integration.

  • Best for: Order forms, donations, registration fees
  • Features: One-time payments, product selection
  • Integration: Requires Stripe account connection

Appointment Scheduler

Embed calendar booking via Calendly integration.

  • Best for: Meeting scheduling, consultations, demos
  • Integration: Connects to Calendly account
  • Features: Shows available time slots

Calculated Field

Display calculated values based on other field inputs.

  • Best for: Order totals, scores, dynamic pricing
  • Features: Mathematical formulas, conditional calculations

Related Articles