special

Переключатели (radiobutton)

Переключатели используют, когда необходимо выбрать один единственный вариант из предложенных. Если требуется выбор нескольких вариантов, для этого следует предпочесть флажки (checkbox).

Переключатели создаются следующим образом.

<input type="radio" параметры>

Параметры поля перечислены в таблице.

Параметр Описание
name Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать это поле.
value Значение поля определяет, что будет отправлено на сервер.
checked Устанавливает элемент выбранный по умолчанию.

Имя поля (параметр name) для всех элементов группы должно быть одинаковым. Именно в этом случае браузер правильно помечает выбранные пункты (пример 1).

Пример 1. Использование переключателей

Валидный HTML
<!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

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

Copyright © www.htmlbook.ru


Created/Updated: 25.05.2018

';