Toggle navigation
Crispy Test Project
Django rendering
Bootstrap 3
(current)
Bootstrap 4
Bulma
Bootstrap 3
Text input
*
Text input2
*
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
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.
Appended text
*
.00
Here's more help text
Appended text2
*
.00
And a bigger appended text field
Select field with appended text
*
Choice 1
Choice 2
.00
Some help text
Select field with both preprended and appended text
*
$
Choice 1
Choice 2
.00
Some help text
Select field with prepended text
*
$
Choice 1
Choice 2
Some help text
Prepended text
*
<input type="checkbox" checked="checked" value="" id="" name="">
Prepended text two
*
@
Select
*
North
South
East
West
Direction to go
Multicolon select
*
1
2
3
4
5
Boolean field
*
Grouped checkboxes
*
Group 1
Option one
Option two
Option three
Group 2
Option four
Option five
Option six
Datetime field
*
Text input a
*
Text input b
*
Text input c
*
Text input
*
This field is required.
Text input2
*
This field is required.
Textarea
*
This field is required.
Radio buttons
*
This field is required.
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
Checkboxes
*
This field is required.
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.
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
*
Choice 1
Choice 2
.00
This field is required.
Some help text
Select field with both preprended and appended text
*
$
Choice 1
Choice 2
.00
This field is required.
Some help text
Select field with prepended text
*
$
Choice 1
Choice 2
This field is required.
Some help text
Prepended text
*
<input type="checkbox" checked="checked" value="" id="" name="">
This field is required.
Prepended text two
*
@
This field is required.
Select
*
North
South
East
West
This field is required.
Direction to go
Multicolon select
*
1
2
3
4
5
This field is required.
Boolean field
*
This field is required.
Grouped checkboxes
*
This field is required.
Group 1
Option one
Option two
Option three
Group 2
Option four
Option five
Option six
Datetime field
*
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.