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

HTML

CSS

Статьи

Полезное


Статьи

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

Флажки (checkbox)

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

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

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

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

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

Создание и применение флажков показано в примере 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="checkbox" name="option1" value="a1" checked>Windows 95/98<br>
<input type="checkbox" name="option2" value="a2">Windows 2000<br>
<input type="checkbox" name="option3" value="a3">System X<br>
<input type="checkbox" name="option4" value="a4">Linux<br>
<input type="checkbox" name="option5" value="a5">X3-DOS
</form>

</body>
</html>

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

С какими операционными системами вы знакомы?
Windows 95/98
Windows 2000
System X
Linux
X3-DOS




На главную









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