# Advanced Form Components

Examples of advanced form components including input masks, multi-select, date pickers, color pickers, and more.

##### Input Groups

Enhanced Inputs
Price Input
$ .00
Email with Domain
@example.com
URL Input
https://
With Icon & Button

##### Input Sizes

Responsive
Large Input
Default Input
Small Input
Input Group Sizes
@
@

##### Multi-Select

Native HTML5
Basic Multi-Select
Hold ctrl/cmd to select multiple options
Select with Search (datalist)

##### Select with Groups

Organized
Grouped Options

##### Date & Time Inputs

HTML5
Date Input
Time Input
DateTime Local
Week Input
Month Input

##### Color & Range Inputs

Interactive
Color Picker
Range Slider
0 Value: 50 100
Custom Color Palette

##### File Upload

Enhanced
Basic File Input
Multiple Files
Custom File Button
Choose Files
Drag & Drop Area

Drag and drop files here or click to browse

##### Tag Input

Dynamic
Enter Tags
Press Enter to add tags
Predefined Tags

##### Input Masks

Formatted
Phone Number
Credit Card
Date (MM/DD/YYYY)
Time (HH:MM)

##### Advanced Validation

Real-time
Email with Pattern
Please enter a valid email address.
Password Strength
Minimum 8 characters
Confirm Password
Passwords do not match.

##### Complete Advanced Form

All Features
First Name
Last Name
Email
Phone
Country
State
Zip Code
Bio
Skills
I agree to the terms and conditions