Bootstrap 4 | Crispy Forms Test Project

Default form

Text input*

help on a text_input

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

Appended text*

.00

Here's more help text

Appended text2*

.00

And a bigger appended text field

Select field with appended text*

.00

Some help text

Select field with both preprended and appended text*

.00

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

Boolean field*

file_field*

---

with widgets.FileInput()

file_field_raw*

---

with default widget

Grouped checkboxes*

Group 1

Option one

Option two

Option three

Group 2

Option four

Option five

Option six

help on a grouped_checkboxes

Text input a*

Text input b*

Text input c*

Datetime field*

Default form with failing validation #

Text input*

This field is required. help on a text_input

Textarea*

This field is required. 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

This field is required.

help on a radio_buttons

Inline radio buttons*

option_one

option_two

This field is required.

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

This field is required.

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 !

This field is required.

help on a inline_checkboxes

Appended text*

.00

This field is required.

Here's more help text

Appended text2*

.00

This field is required.

And a bigger appended text field

Select field with appended text*

.00

This field is required.

Some help text

Select field with both preprended and appended text*

.00

This field is required.

Some help text

Select field with prepended text*

This field is required.

Some help text

Prepended text*

This field is required.

Prepended text two*

This field is required.

Select*

This field is required. Direction to go

Multicolon select*

This field is required. 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

Boolean field* This field is required.

file_field*

---

This field is required. with widgets.FileInput()

file_field_raw*

---

This field is required. with default widget

Grouped checkboxes*

Group 1

Option one

Option two

Option three

Group 2

Option four

Option five

Option six

This field is required.

help on a grouped_checkboxes

Text input a*

This field is required.

Text input b*

This field is required.

Text input c*

This field is required.

Datetime field*

This field is required.

Model form #

My file*

Currently

./somedire/somedire/somedire/somedire/somedire/somedire/somedire/somedire/somedire/somedire/myfile-myfile-myfile-myfile-myfile-myfile-myfile-myfile-myfile-myfile-.txt

Change

---

help

My char

help

Horizontal Model form #

My file*

Currently

./somedire/somedire/somedire/somedire/somedire/somedire/somedire/somedire/somedire/somedire/myfile-myfile-myfile-myfile-myfile-myfile-myfile-myfile-myfile-myfile-.txt

Change

---

help

My char

help

Horizontal form #

Text input*

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

Appended text*

.00

Here's more help text

Appended text2*

.00

And a bigger appended text field

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

Boolean field*

File field*

with FileInput widget

File field raw*

with default widget

Text input a*

Text input b*

Text input c*

Horizontal form with failing validation #

Text input*

This field is required.

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

This field is required.

help on a radio_buttons

Inline radio buttons*

option_one

option_two

This field is required.

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

This field is required.

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 !

This field is required.

help on a inline_checkboxes

Appended text*

.00

This field is required.

Here's more help text

Appended text2*

.00

This field is required.

And a bigger appended text field

Prepended text*

This field is required.

Prepended text two*

This field is required.

Select*

This field is required. Direction to go

Multicolon select*

This field is required. 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

Boolean field* This field is required.

File field*

This field is required. with FileInput widget

File field raw*

This field is required. with default widget

Text input a*

This field is required.

Text input b*

This field is required.

Text input c*

This field is required.