Формы по шагам

       

Синтаксис тега <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).



Содержание раздела