|  | 
| 16 | 16 |     <form action="https://mate-academy-form-lesson.herokuapp.com/create-application" method="post"> | 
| 17 | 17 |       <fieldset class="groupField"> | 
| 18 | 18 |         <legend>Personal information:</legend> | 
| 19 |  | -        <label for="surname" class="form-field"> | 
|  | 19 | +        <label class="form-field"> | 
| 20 | 20 |           Surname: | 
| 21 | 21 |           <input  | 
| 22 | 22 |             type="text" | 
|  | 
| 25 | 25 |           > | 
| 26 | 26 |         </label> | 
| 27 | 27 | 
 | 
| 28 |  | -        <label for="name" class="form-field"> | 
|  | 28 | +        <label class="form-field"> | 
| 29 | 29 |           Name: | 
| 30 | 30 |           <input  | 
| 31 | 31 |             type="text" | 
|  | 
| 35 | 35 |           > | 
| 36 | 36 |         </label> | 
| 37 | 37 | 
 | 
| 38 |  | -        <label for="age" class="form-field"> | 
|  | 38 | +        <label class="form-field"> | 
| 39 | 39 |           How old are You? | 
| 40 | 40 |           <input  | 
| 41 | 41 |             type="number"  | 
|  | 
| 46 | 46 |           > | 
| 47 | 47 |         </label> | 
| 48 | 48 | 
 | 
| 49 |  | -        <label for="dateOfBirth" class="form-field"> | 
|  | 49 | +        <label class="form-field"> | 
| 50 | 50 |           Full date of birth: | 
| 51 | 51 |           <input | 
| 52 | 52 |             type="date" | 
|  | 
| 55 | 55 |           > | 
| 56 | 56 |         </label> | 
| 57 | 57 | 
 | 
| 58 |  | -        <label for="terms"> | 
|  | 58 | +        <label> | 
| 59 | 59 |           I accept the term of the agreement | 
| 60 | 60 |           <input type="checkbox" name="terms"> | 
| 61 | 61 |         </label> | 
|  | 
| 97 | 97 |               No | 
| 98 | 98 |           </label> | 
| 99 | 99 |         </div> | 
| 100 |  | -        <label for="color" class="form-field"> | 
|  | 100 | +        <label class="form-field"> | 
| 101 | 101 |           What is your favorite color? | 
| 102 | 102 |           <input | 
| 103 | 103 |             type="color"  | 
|  | 
| 106 | 106 |           > | 
| 107 | 107 |         </label> | 
| 108 | 108 | 
 | 
| 109 |  | -        <label for="timeToBed" class="form-field"> | 
|  | 109 | +        <label class="form-field"> | 
| 110 | 110 |           What time do you go to bed? | 
| 111 | 111 |           <input  | 
| 112 | 112 |             type="time"  | 
|  | 
| 115 | 115 |           > | 
| 116 | 116 |         </label> | 
| 117 | 117 | 
 | 
| 118 |  | -        <label for="carBrand" class="form-field"> | 
|  | 118 | +        <label class="form-field"> | 
| 119 | 119 |           What are your favorite brands of cars? | 
| 120 | 120 |           <select name="carBrand" multiple> | 
| 121 | 121 |             <option value="BMW">BMW</option> | 
|  | 
| 124 | 124 |           </select> | 
| 125 | 125 |         </label> | 
| 126 | 126 | 
 | 
| 127 |  | -        <label for="rate"> | 
|  | 127 | +        <label> | 
| 128 | 128 |           How do you rate our work? | 
| 129 | 129 |           <input  | 
| 130 | 130 |             type="range"  | 
|  | 
| 148 | 148 |          ></textarea> | 
| 149 | 149 |         </label> | 
| 150 | 150 | 
 | 
| 151 |  | -        <label for="reccomend"> | 
|  | 151 | +        <label> | 
| 152 | 152 |           Would you reccomend us? | 
| 153 | 153 |           <select name="reccomend"> | 
| 154 | 154 |             <option value="yes">yes</option> | 
|  | 
0 commit comments