-- Начало формы -- form action method get class forma div label Ваше и

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!-- Начало формы -->
<form action="" method="get" class="forma">
<div>
<label>Ваше имя: <!-- Текстовое поле --></label>
<input type="text" name="f_name"/>
</div>
<div>
<label>Ваша фамилия: <!-- Текстовое поле --></label>
<input type="text" name="l_name"/>
</div>
<div>
<label>Кто вы? <!-- Радио кнопки --></label>
<span class="radio">
<input type="radio" name="sex" />мужчина <!-- не надо оборачивать в label -->
<input type="radio" name="sex" checked />женщина <!-- не надо оборачивать в label -->
</span>
</div>
<div>
<label>Чем занимаетесь? <!-- Выпадающий список --></label>
<select name="job">
<option value="1">школьник</option>
<option value="2">студент</option>
<option value="3">безработный</option>
<option value="4">рабочий класс</option>
<option value="5">офисный планктон</option>
<option value="6">креативный класс</option>
<option value="7">интеллигент</option>
<option value="8">олигарх</option>
</select>
</div>
<div>
<textarea name="about" placeholder="Напишите коротко о себе"></textarea><!-- Текст -->
</div>
<div>
<span>
<label>Я не буду воровать записи курсов <!-- Флажок --></label>
<input type="checkbox" name="vor" value="no" />
</span>
</div>
<div>
<span>
<input type="submit" value="Послать отзыв" /><!-- Кнопка для отправки формы -->
<input type="reset" value="Очистить форму" /><!-- Кнопка для очистки формы -->
</span>
</div>
</form><!-- Конец формы -->