Bootstrap 4 | Crispy Forms Test Project

Default form

Text input: help on a text_input

Text input a:

Text input b:

Text input c:

Textarea: help on a textarea

Radio buttons:

Option one is this and that be sure to include why it's great

Option two can is something else and selecting it will deselect option one

help on a radio_buttons

Inline radio buttons:

option_one

option_two

help on a inline_radio_buttons

Checkboxes:

Option one is this and that be sure to include why it's great

Option two can also be checked and included in form results

Option three can yes, you guessed it also be checked and included in form results

Note: Labels surround all the options for much larger click areas and a more usable form.

Inline checkboxes:

it's a bird

it's a plane

it's something else !

help on a inline_checkboxes

Grouped checkboxes:

Group 1

Option one

Option two

Option three

Group 2

Option four

Option five

Option six

help on a grouped_checkboxes

Appended text: Here's more help text

Appended text2: And a bigger appended text field

Select field with appended text: Some help text

Select field with both preprended and appended text: Some help text

Select field with prepended text: Some help text

Prepended text:

Prepended text two:

Select: Direction to go

Multicolon select: This strange option climbing out of the box is in the examples too Only without Flexbox https://v4-alpha.getbootstrap.com/components/forms/#form-controls

Datetime field:

Boolean field:

file_field: with widgets.FileInput()

file_field_raw: with default widget

Default form with failing validation

This field is required.

Text input: help on a text_input

This field is required.

Text input a:

This field is required.

Text input b:

This field is required.

Text input c:

This field is required.

Textarea: help on a textarea

This field is required.

Radio buttons:

Option one is this and that be sure to include why it's great

Option two can is something else and selecting it will deselect option one

help on a radio_buttons

This field is required.

Inline radio buttons:

option_one

option_two

help on a inline_radio_buttons

This field is required.

Checkboxes:

Option one is this and that be sure to include why it's great

Option two can also be checked and included in form results

Option three can yes, you guessed it also be checked and included in form results

Note: Labels surround all the options for much larger click areas and a more usable form.

This field is required.

Inline checkboxes:

it's a bird

it's a plane

it's something else !

help on a inline_checkboxes

This field is required.

Grouped checkboxes:

Group 1

Option one

Option two

Option three

Group 2

Option four

Option five

Option six

help on a grouped_checkboxes

This field is required.

Appended text: Here's more help text

This field is required.

Appended text2: And a bigger appended text field

This field is required.

Select field with appended text: Some help text

This field is required.

Select field with both preprended and appended text: Some help text

This field is required.

Select field with prepended text: Some help text

This field is required.

Prepended text:

This field is required.

Prepended text two:

This field is required.

Select: Direction to go

This field is required.

Multicolon select: This strange option climbing out of the box is in the examples too Only without Flexbox https://v4-alpha.getbootstrap.com/components/forms/#form-controls

This field is required.

Datetime field:

This field is required.

Boolean field:

This field is required.

file_field: with widgets.FileInput()

This field is required.

file_field_raw: with default widget

Django rendering

Default form

Default form with failing validation