# Basic Form Elements

Examples of Bootstrap 5 form controls including inputs, selects, checkboxes, radios, and more.

Credit Card Payment Form
Payment Amount
$
Name on Card
Looks good!
Card Number
Please enter a valid card number.
Expiration
Please enter expiration date.
Security Code
Company Registration Form
Company Name
VAT Number
Street Address
City
Postal Code
Country
Basic Form Elements
Static Text

staticuser@example.com

Text Input
This is a help text for the input field.
Email Input
We'll never share your email with anyone else.
Password
Must be 8-20 characters long.
Disabled Input
Textarea
Select Elements
Basic Select
Large Select
Small Select
Disabled Select
Multiple Select
Hold ctrl/cmd to select multiple options
Checkboxes & Switches

###### Basic Checkboxes

Default checkbox
Checked checkbox
Disabled checkbox

###### Inline Checkboxes

1
2
3

###### Switches

Default switch
Checked switch
Disabled switch
Radio Buttons

###### Basic Radios

Default radio
Second radio
Disabled radio

###### Inline Radios

1
2
3

###### Radio Button Group

Radio 1 Radio 2 Radio 3
File Input
Default file input
Multiple files input
Disabled file input
Small file input
Large file input
Range & Color
Basic Range
Range with Steps
Range with Min/Max
0 100
Color picker
Color picker with preview
Horizontal Form
Email
Password
Radios
First radio
Second radio
Third disabled radio
Remember me
Inline Form
Username
@
Preference
Remember me

###### Floating Labels

Email address
Password
Works with selects
Comments
Form Validation
First name
Looks good!
Last name
Looks good!
Username
@
Please choose a username.
City
Please provide a valid city.
State
Please select a valid state.
Zip
Please provide a valid zip.
Agree to terms and conditions
You must agree before submitting.