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