---
title: "JQuery Forms Examples | Mobiscroll"
component: "Forms"
framework: "jQuery"
library_version: "6.2.0"
url: "https://demo.mobiscroll.com/jquery/forms"
---

# Advanced JQuery forms

Form elements for desktop and mobile with text input, select, slider, switch, checklist, radio buttons and more. Last update: Oct 30, 2026

## Description

Form fields from inputs and text areas to segmented controls & switches can be used to create forms for event creation, editing and much more. Build custom forms for mobile and desktop with the responsive grid layout, or render them in popups & modals for add/edit screens.

## Building forms

- [Mobile form](https://demo.mobiscroll.com/jquery/forms/mobile.md) - JQuery Single column mobile form example with field groups. Deliver different fields types with a consistent look & feel.
- [Inline desktop form](https://demo.mobiscroll.com/jquery/forms/desktop.md) - JQuery single and multi-column desktop form. Render forms right on the page with a consistent look & feel.
- [Responsive form](https://demo.mobiscroll.com/jquery/forms/responsive.md) - Responsive JQuery form using grid layout. Define how the form elements behaves across multiple screen sizes.
- [Inside a modal](https://demo.mobiscroll.com/jquery/forms/popup.md) - JQuery embedded forms in modal or pop-over. Perfect layout for contextual add/edit forms.

## Alerts & notifications

- [Alert, confirm & prompt](https://demo.mobiscroll.com/jquery/forms/alert-confirm-prompt.md) - JQuery alert, confirm and prompt dialogs for giving feedback to users and for quick & focused data entry.
- [Toast & snackbar](https://demo.mobiscroll.com/jquery/forms/notifications.md) - JQuery notification examples of toast and snackbar with or w/o action. With undo, retry or custom functionality.

## Buttons

- [Buttons](https://demo.mobiscroll.com/jquery/forms/buttons.md) - JQuery button styling with full-width and justified layout along with icons, borderless/flat and outline rendering.
- [Segmented](https://demo.mobiscroll.com/jquery/forms/segmented.md) - JQuery segmented control with single & multiple select for radio buttons and checklists. It supports icons, text, colors.
- [Stepper](https://demo.mobiscroll.com/jquery/forms/stepper.md) - JQuery stepper example with fixed/custom steps and editable values.
- [Colors](https://demo.mobiscroll.com/jquery/forms/button-segmented-stepper-colors.md) - JQuery button, segmented and stepper with color presets for primary, secondary, success, danger and more.

## Inputs & fields

- [Field types](https://demo.mobiscroll.com/jquery/forms/inputs-text-areas-date-fields.md) - JQuery text field input examples with single-, multi-line, masked, reveal password, disabled, error styling.
- [Customize the input](https://demo.mobiscroll.com/jquery/forms/input-label-types.md) - JQuery input examples with underlined, boxed and outline rendering and labels stacked, inline and floating.

## Toggle & radio

- [Checkbox](https://demo.mobiscroll.com/jquery/forms/checkbox.md) - JQuery checkbox and checklist demo and styling with or without description text. Supports disabled styling.
- [Switch](https://demo.mobiscroll.com/jquery/forms/switch.md) - JQuery switch/toggle demo with or without description. Alternative to the checkbox. Supports disabled styling.
- [Radio buttons](https://demo.mobiscroll.com/jquery/forms/radio-button.md) - JQuery radio button demo for single select option lists. Use it with or without description, supports disabled styling.

## Customizing the look & feel

- [Theming capabilities](https://demo.mobiscroll.com/jquery/forms/themes-ios-material-windows.md) - JQuery forms with iOS, Material, Windows light and dark themes. Choose from existing themes or create your own.