www html, html уроки, html теги, css, верстка
Уроки книги по css и html урокам вопросы и ответы Помощь сайту дизайн-студия Шутовой Елены
Главная страница > Уроки > Формы > Флажки (checkbox)

Флажки (checkbox)

контентовая версия  

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

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

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

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

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

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

</body>
</html>

Результат данного примера показан на рис. 1.

Рис. 1. Вид флажков в браузере Opera

Рис. 1. Вид флажков в браузере Опера

Статья опубликована: 12.09.2009 Последнее обновление: 30.03.2009
Поиск по сайту
Формы
Разделы
Теги по теме

FORM
Тег FORM устанавливает форму на web-странице. Форма предназначена для обмена данными между пользователем и сервером.

INPUT
Тег INPUT является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем.

Copyright 2009 Все права защищены

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект