Формы по шагам
Синтаксис тега <LABEL>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<form>
<input type="radio" name="psi" id="radio1"><label for="radio1">Импритинг</label><br>
<input type="radio" name="psi" id="radio2"><label for="radio2">Реимпритинг</label>
</form>
</body>
</html>
Результат данного примера показан ниже.
Импритинг
Реимпритинг
Обязательно требуется, чтобы имя идентификатора (id) и значение параметра for совпадали. Именно в этом случае и осуществляется связь между текстом и элементом формы. Причем, не имеет значение, насколько близко они располагаются между собой на веб-странице. При нажатии на текст в окне браузера происходит переход к элементу формы. Исключением является браузер Opera, который игнорирует эту особенность, и переход при активизации текста не реализовывает.
Чтобы понять, в чем же удобство применения тега <LABEL>, рассмотрим пример, где в форму добавлены два флажка. Описание к одному флажку будет задано как обычный текст, а ко второму — с использованием <LABEL> (пример 15.2).
