indian flagGovernment of India
  • Design System 3.0 (opens in a new tab)
  • GitHub GitHub
GitHub
v3.0
  • v3.0 (Latest)
  • v2.0
  • v1.0.2
  • v1.0.1
  • v1.0.0
  • Getting started
    • Get started with UX4G
    • Download
    • Contents
  • Content
    • Figures
    • Images
    • Reboot
    • Tables
    • Typography
  • Layout
    • Breakpoints
    • Columns
    • Containers
    • CSS Grid
    • Grid
    • Gutters
    • Utilities
    • Z-Index
  • Forms
    • Form Control
    • Floating Labels
    • Checks & Radios
    • Input Group
    • Layout
    • Overview
    • Range
    • Select
    • Validation
  • Components
    • Accordion
    • Alerts
    • Badge
    • Breadcrumb
    • Button Group
    • Buttons
    • Card
    • Carousel
    • Close Button
    • Collapse
    • Dropdowns
    • List Groups
    • Modal
    • Navbar
    • Navs and Tabs
    • Offcanvas
    • Pagination
    • Placeholders
    • Popovers
    • Progress
    • Scrollspy
    • Spinners
    • Toasts
    • Tooltips
    • Stepper
    • Search
    • Chips
    • Date and Time
    • Feedback
  • Helpers
    • Clearfix
    • Color & Background
    • Coloured Links
    • Position
    • Ratio
    • Stacks
    • Stretched links
    • Text Truncation
    • Vertical Rule
    • Visually Hidden
  • utilities
    • API
    • Background
    • Borders
    • Colors
    • Display
    • Flex
    • Float
    • Interactions
    • Opacity
    • Overflow
    • Position
    • Shadows
    • Sizing
    • Spacing
    • Text
    • Vertical align
    • Visibility
    • Z-index
  • UX4G Chart
  • Getting started
    • Get started with UX4G
    • Download
    • Contents
  • Content
    • Figures
    • Images
    • Reboot
    • Tables
    • Typography
  • Layout
    • Breakpoints
    • Columns
    • Containers
    • CSS Grid
    • Grid
    • Gutters
    • Utilities
    • Z-Index
  • Forms
    • Form Control
    • Floating Labels
    • Checks & Radios
    • Input Group
    • Layout
    • Overview
    • Range
    • Select
    • Validation
  • Components
    • Accordion
    • Alerts
    • Badge
    • Breadcrumb
    • Button Group
    • Buttons
    • Card
    • Carousel
    • Close Button
    • Collapse
    • Dropdowns
    • List Groups
    • Modal
    • Navbar
    • Navs and Tabs
    • Offcanvas
    • Pagination
    • Placeholders
    • Popovers
    • Progress
    • Scrollspy
    • Spinners
    • Toasts
    • Tooltips
    • Stepper
    • Search
    • Chips
    • Date and Time
    • Feedback
  • Helpers
    • Clearfix
    • Color & Background
    • Coloured Links
    • Position
    • Ratio
    • Stacks
    • Stretched links
    • Text Truncation
    • Vertical Rule
    • Visually Hidden
  • Utilities
    • API
    • Background
    • Borders
    • Colors
    • Display
    • Flex
    • Float
    • Interactions
    • Opacity
    • Overflow
    • Position
    • Shadows
    • Sizing
    • Spacing
    • Text
    • Vertical align
    • Visibility
    • Z-index
  • UX4G Chart

Powered by NeGD | MeitY Government of India® UX4G

  1. Forms

Forms

Form Control

Give textual form controls like `s and `s an upgrade with custom styles, sizing, focus states, and more.

Floating Label

Create beautifully simple form labels that float over your input fields.

Checks & Radios

Create consistent cross-browser and cross-device checkboxes and radios with our completely rewritten checks component.

Input Group

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.

Layout

Give your forms some structure—from inline to horizontal to custom grid implementations—with our form layout options.

Overview

Overview

Range

Use our custom range inputs for consistent cross-browser styling and built-in customization.

Select

Customize the native ``s with custom CSS that changes the element’s initial appearance

Validation

Provide valuable, actionable feedback to your users with HTML5 form validation, via browser default behaviors or custom styles and JavaScript.

    Previous « Layout Next Form Control »

Search docs