Skip to main content

# Forms

Inputs, validation states, button styles, and form layouts.

Credit card

### Pay Invoice

Payment amount
Name on card
Card number
Expiration
Security code
Company Form
Company
VAT
Street
City
Postal Code
Country
Basic Form Elements
Static

Username

Text Input
This is a help text
Email Input
Please enter your email
Password
Please enter a complex password
Disabled Input
Textarea
Select
Select Large
Select Small
Disabled Select
Multiple select
Radios
Option 1
Option 2
Option 3
Inline Radios
One
Two
Three
Checkboxes
Option 1
Option 2
Option 3
Inline Checkboxes
One
Two
Three
File input
Multiple File input
Inline Form
Name
Email
Horizontal Form
Email
Please enter your email
Password
Please enter your password
Normal Form
Email Please enter your email
Password Please enter your password
Input Grid
Input Sizes
Small Input
Normal Input
Large Input
Validation states Form
Input is valid
Input is invalid
Validation states with optional icons (deprecated)
Input with success
Input with warning
Input with error
Icon/Text Groups
.00
Buttons Groups
Dropdowns Groups
Use the grid for big devices! `.col-lg-*` `.col-md-*` `.col-sm-*`
Input Grid for small devices! `.col-*`
Example Form
Username
Email
Password
Example Form
Example Form

Copyright © 2026 Colorlib. All rights reserved. Template by Colorlib.