Переключатели (radiobutton)
Переключатели используют, когда необходимо выбрать один единственный вариант из предложенных. Если требуется выбор нескольких вариантов, для этого следует предпочесть флажки (checkbox).
Переключатели создаются следующим образом.
<input type=”radio” параметры>
Параметры поля перечислены в таблице.
Параметр |
Описание |
name |
Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать это поле. |
value |
Значение поля определяет, что будет отправлено на сервер. |
checked |
Устанавливает элемент выбранный по умолчанию. |
Имя поля (параметр name) для всех элементов группы должно быть одинаковым. Именно в этом случае браузер правильно помечает выбранные пункты (пример 1).
Пример 1. Использование переключателей
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″>
<title>Переключатели</title>
</head>
<body><form action=”/cgi-bin/handler.cgi”>
<p><b>Как по вашему мнению расшифровывается аббревиатура “ОС”?</b></p>
<p><input type=”radio” name=”answer” value=”a1″>Офицерский состав</p>
<p><input type=”radio” name=”answer” value=”a2″>Операционная система</p>
<p><input type=”radio” name=”answer” value=”a3″>Большой полосатый мух</p>
</form></body>
</html>
В результате получим следующее (рис. 1).

Рис. 1. Вид переключателей
|