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

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

Password

Radios

First radio

Second radio

Third disabled radio

Remember me

Inline Form

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.

Basic Form Elements

Basic Checkboxes

Inline Checkboxes

Switches

Basic Radios

Inline Radios

Radio Button Group

Floating Labels