|
| 1 | + |
1 | 2 | <div class="form-group"> |
2 | 3 | <label class="control-label col-sm-2 col-lg-2 required" for="id_char_field">Char field</label> |
3 | 4 |
|
4 | 5 | <div class="col-sm-10 col-lg-10"> |
5 | | - <input class=" form-control" id="id_char_field" name="char_field" type="text" /> |
| 6 | + <input type="text" name="char_field" class=" form-control" required id="id_char_field"> |
6 | 7 | </div> |
7 | 8 | </div> |
8 | 9 | <div class="form-group"> |
9 | 10 | <label class="control-label col-sm-2 col-lg-2 required" for="id_choice_field">Choice field</label> |
10 | 11 |
|
11 | 12 | <div class="col-sm-10 col-lg-10"> |
12 | | - <select class=" form-control" id="id_choice_field" name="choice_field"> |
13 | | -<option value="0">Zero</option> |
14 | | -<option value="1">One</option> |
15 | | -<option value="2">Two</option> |
| 13 | + <select name="choice_field" class=" form-control" id="id_choice_field"> |
| 14 | + <option value="0">Zero</option> |
| 15 | + |
| 16 | + <option value="1">One</option> |
| 17 | + |
| 18 | + <option value="2">Two</option> |
| 19 | + |
16 | 20 | </select> |
17 | 21 | </div> |
18 | 22 | </div> |
|
21 | 25 | <div class="col-sm-10 col-lg-10"> |
22 | 26 | <div class="radio"> |
23 | 27 | <label> |
24 | | - <input id="id_radio_choice_0" name="radio_choice" type="radio" value="0" /> |
| 28 | + <input type="radio" name="radio_choice" value="0" id="id_radio_choice_0" required> |
25 | 29 | Zero |
26 | 30 | </label> |
27 | 31 | </div> |
28 | 32 | <div class="radio"> |
29 | 33 | <label> |
30 | | - <input id="id_radio_choice_1" name="radio_choice" type="radio" value="1" /> |
| 34 | + <input type="radio" name="radio_choice" value="1" id="id_radio_choice_1" required> |
31 | 35 | One |
32 | 36 | </label> |
33 | 37 | </div> |
34 | 38 | <div class="radio"> |
35 | 39 | <label> |
36 | | - <input id="id_radio_choice_2" name="radio_choice" type="radio" value="2" /> |
| 40 | + <input type="radio" name="radio_choice" value="2" id="id_radio_choice_2" required> |
37 | 41 | Two |
38 | 42 | </label> |
39 | 43 | </div> |
|
44 | 48 | <label class="control-label col-sm-2 col-lg-2 required" for="id_multiple_choice">Multiple choice</label> |
45 | 49 |
|
46 | 50 | <div class="col-sm-10 col-lg-10"> |
47 | | - <select multiple="multiple" class=" form-control" id="id_multiple_choice" name="multiple_choice"> |
48 | | -<option value="0">Zero</option> |
49 | | -<option value="1">One</option> |
50 | | -<option value="2">Two</option> |
| 51 | + <select name="multiple_choice" class=" form-control" required id="id_multiple_choice" multiple> |
| 52 | + <option value="0">Zero</option> |
| 53 | + |
| 54 | + <option value="1">One</option> |
| 55 | + |
| 56 | + <option value="2">Two</option> |
| 57 | + |
51 | 58 | </select> |
52 | 59 | </div> |
53 | 60 | </div> |
54 | 61 | <div class="form-group"> |
55 | | - <label class="control-label col-sm-2 col-lg-2 required" for="id_multiple_checkbox">Multiple checkbox</label> |
| 62 | + <label class="control-label col-sm-2 col-lg-2 required">Multiple checkbox</label> |
| 63 | + <div class="col-sm-10 col-lg-10"> |
| 64 | + <div class="radio"> |
| 65 | + <label> |
| 66 | + <input type="checkbox" name="multiple_checkbox" value="0" id="id_multiple_checkbox_0"> |
| 67 | + Zero |
| 68 | + </label> |
| 69 | + </div> |
| 70 | + <div class="radio"> |
| 71 | + <label> |
| 72 | + <input type="checkbox" name="multiple_checkbox" value="1" id="id_multiple_checkbox_1"> |
| 73 | + One |
| 74 | + </label> |
| 75 | + </div> |
| 76 | + <div class="radio"> |
| 77 | + <label> |
| 78 | + <input type="checkbox" name="multiple_checkbox" value="2" id="id_multiple_checkbox_2"> |
| 79 | + Two |
| 80 | + </label> |
| 81 | + </div> |
56 | 82 |
|
57 | | - <div class="col-sm-10 col-lg-10 multiple-checkbox"> |
58 | | - <ul id="id_multiple_checkbox"><li><label for="id_multiple_checkbox_0"><input id="id_multiple_checkbox_0" name="multiple_checkbox" type="checkbox" value="0" /> Zero</label></li> |
59 | | -<li><label for="id_multiple_checkbox_1"><input id="id_multiple_checkbox_1" name="multiple_checkbox" type="checkbox" value="1" /> One</label></li> |
60 | | -<li><label for="id_multiple_checkbox_2"><input id="id_multiple_checkbox_2" name="multiple_checkbox" type="checkbox" value="2" /> Two</label></li></ul> |
61 | 83 | </div> |
62 | 84 | </div> |
63 | 85 | <div class="form-group"> |
64 | 86 | <label class="control-label col-sm-2 col-lg-2 required" for="id_file_fied">File fied</label> |
65 | 87 |
|
66 | 88 | <div class="col-sm-10 col-lg-10"> |
67 | | - <input id="id_file_fied" name="file_fied" type="file" /> |
| 89 | + <input type="file" name="file_fied" required id="id_file_fied"> |
68 | 90 | </div> |
69 | 91 | </div> |
70 | 92 | <div class="form-group"> |
71 | 93 | <label class="control-label col-sm-2 col-lg-2 required" for="id_password_field">Password field</label> |
72 | 94 |
|
73 | 95 | <div class="col-sm-10 col-lg-10"> |
74 | | - <input class=" form-control" id="id_password_field" name="password_field" type="password" /> |
| 96 | + <input type="password" name="password_field" class=" form-control" required id="id_password_field"> |
75 | 97 | </div> |
76 | 98 | </div> |
77 | 99 | <div class="form-group"> |
78 | 100 | <label class="control-label col-sm-2 col-lg-2 required" for="id_textarea">Textarea</label> |
79 | 101 |
|
80 | 102 | <div class="col-sm-10 col-lg-10"> |
81 | | - <textarea class=" form-control" cols="40" id="id_textarea" name="textarea" rows="10"> |
| 103 | + <textarea name="textarea" cols="40" rows="10" class=" form-control" required id="id_textarea"> |
82 | 104 | </textarea> |
83 | 105 | </div> |
84 | 106 | </div> |
85 | 107 | <div class="form-group"> |
86 | 108 | <div class="col-sm-10 col-sm-offset-2 col-lg-10 col-lg-offset-2"> |
87 | 109 | <div class="checkbox"> |
88 | 110 | <label class="required"> |
89 | | - <input id="id_boolean_field" name="boolean_field" type="checkbox" /> <span>Boolean field</span> |
| 111 | + <input type="checkbox" name="boolean_field" required id="id_boolean_field"> <span>Boolean field</span> |
90 | 112 | </label> |
91 | 113 | </div> |
92 | 114 | </div> |
|
0 commit comments