angle-up
arrow-clockwise
arrow-counterclockwise
arrow-down-up
arrow-left
at
calendar
card-list
chat
check
envelope
folder
house
info-circle
pencil
people
person
person-fill
person-plus
phone
plus
question-circle
search
tag
trash
x
X
Theme
default
cerulean
cosmo
cyborg
darkly
flatly
journal
litera
lumen
lux
materia
minty
pulse
sandstone
simplex*
sketchy
slate
solar
spacelab
superhero
united
yeti
peterspython
EN
Deutsch
English
Español
Français
Nederlands
Pусский
Home
Demo
FAQ
EN
English
Deutsch
English
Español
Français
Nederlands
Pусский
Log in
No account yet?
Create an account
Log in
Email *
Password *
Remember me
Forgot your password?
Click here to reset it.
Log in
Create account
Demo
FAQ
Contact
About
Demo Bootstrap 5 form
Bootstrap 5 removed many custom fields.
Settings for the form below
Use form novalidate
Vertical only
Horizontal widths:
('col-sm-2', 'col-sm-10')
('col-sm-3', 'col-sm-9')
('col-md-2', 'col-md-10')
The form
Username *
Email *
Please enter a valid email address
This is a StringField.
Display name *
Password *
Normally the password is not shown after a submit. You may want to check:
Populate a PasswordField in wtforms
Confirm Password *
Your message *
Date picker
Select first date *
content overwritten by dropdown.
This is the DatePickerField. The minimum_date and maximum_date are in the future:
Select second date *
content overwritten by dropdown.
Select third date
content overwritten by dropdown.
Select fields
SelectField *
Make a choice
Choice 1
Choice 2
Choice 3
This is the SelectField.
SelectMultipleField *
Choice 1
Choice 2
Choice 3
This is the SelectMultipleField.
Radio fields
RadioField *
Radio 1
Radio 2
Radio 3
This is the RadioField. For custom-control you can change the colors, I changed it to black, see for example:
Bootstrap4 radio button background and fill color
RadioInlineField
Radio 1
Radio 2
Radio 3
This is the RadioInlineField.
Checkbox fields
CheckboxField
Check me *
CheckboxField, required with legend
This is a BooleanField
CheckboxVerticalField
CheckboxSwitchField
This is the CheckboxSwitchField
Checkbox group fields
CheckboxGroupField *
Checkbox 1
Checkbox 2
Checkbox 3
This is the CheckboxGroupField.
CheckboxGroupInlineField *
Checkbox 1
Checkbox 2
Checkbox 3
This is a CheckboxGroupInlineField.
Captcha fields
Enter code *
File fields
Select file
Select multiple files
Submit button fields - SubmitField
Submit button fields - SubmitVerticalField
Submit button fields
Back to demo list