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-plus phone plus question-circle search tag trash x

Demo Bootstrap 4 form

Settings for the form below

The form

Please enter a valid email address
This is a StringField.
Normally the password is not shown after a submit. You may want to check: Populate a PasswordField in wtforms

Date picker

This is the DatePickerField. The minimum_date and maximum_date are in the future:

Select fields

This is the SelectField.
This is the SelectMultipleField.
This is a MultiCheckboxField.

Custom select fields

This is the CustomSelectField.
This is the CustomSelectMultipleField.

Radio fields

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
This is the RadioInlineField.

Custom radio fields

This is the CustomRadioField. For custom-control you can change the colors, I changed it to black, see for example: Bootstrap4 radio button background and fill color
This is the CustomRadioInlineField.

Checkbox fields

This is a BooleanField

Custom checkbox fields

This is the CustomSwitchField
This is a CustomCheckboxField

Checkbox group fields

This is the CheckboxGroupField.
This is a CheckboxGroupInlineField.

Custom checkbox group fields

This is the CustomCheckboxGroupField.
This is a CustomCheckboxGroupInlineField.

Captcha fields

Code

File fields

Custom file fields

Submit button fields - SubmitField

Submit button fields - SubmitVerticalField

Submit button fields

Back to demo list