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

Por favor, introduzca una dirección de correo electrónico válida
Esto es un StringField.
Normally the password is not shown after a submit. You may want to check: Populate a PasswordField in wtforms

Elección de la fecha...

Este es el campo de DatePickerField. La fecha_mínima y la fecha_máxima están en el futuro:

Seleccione los campos

Este es el SelectField.
Este es el SelectMultipleField.
Este es un MultiCheckboxField.

Campos de selección personalizados

Este es el CustomSelectField.
Este es el CustomSelectMultipleField.

Campos de radio

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
Este es el RadioInlineField.

Campos de radio personalizados

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
Este es el CustomRadioInlineField.

Campos de la casilla de verificación

Este es un Campo Booleano

Campos de casilla personalizados

Este es el CustomSwitchField
Este es un CustomCheckboxField

Casilla de verificación de los campos de grupo

Este es el CheckboxGroupField.
Esta es una casilla de verificación "GroupInlineField".

Campos del grupo de la casilla de verificación personalizada

Este es el CustomCheckboxGroupField.
Esto es un CustomCheckboxGroupInlineField.

Los campos de Captcha

Code

Campos de archivo

Campos de archivos personalizados

Campos del botón de envío - SubmitField

Enviar campos del botón - SubmitVerticalField

Envíe los campos de los botones

Volver a la lista de demostraciones