Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное


Статьи

Основы HTML
Текст
Изображения
Ссылки
Списки
Таблицы
Формы
Фреймы
Основы CSS
Рецепты CSS
Оформление таблиц
Основы верстки
Табличная верстка
Верстка с помощью слоев
Использование слоев
Примеры верстки слоями

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

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

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

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

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

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

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>

<form action="/cgi-bin/handler.cgi">
<b>Как по вашему мнению расшифровывается аббревиатура "ОС"?</b><br>
<input type="radio" name="answer" value="a1">Офицерский состав<br>
<input type="radio" name="answer" value="a2">Операционная система<br>
<input type="radio" name="answer" value="a3">Большой полосатый мух
</form>

</body>
</html>

В результате получим следующее.

Как по вашему мнению расшифровывается аббревиатура "ОС"?
Офицерский состав
Операционная система
Большой полосатый мух




На главную









  • При использовании материалов сайта ссылка на comnew.ru обязательна!