Реклама и Статистика




Переключатели (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

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


Просмотров: 9104

  Коментарии (1)
 1 Написал(а) Кодер, в 20:54 01.04.2011
Грамотная статейка, все четко показана, как и положено на простеньком примере. Но вот если будет новичок сидеть, то он не поймет куда вставлять 3 параметр checked, а статью надо дописывать полностью!!!

Добавить коментарий
Имя:
Коментарий:



Код:* Code

Реклама
Профессиональная визуализация 3d max от наших дизайнеров
профессиональный электромонтажный инструмент