Флажки (checkbox)
Флажки используют, когда необходимо выбрать два или более варианта из предложенных. Если требуется выбор лишь одного варианта, то для этого следует предпочесть переключатели (radiobutton).
Флажок создается следующим образом.
Параметры поля перечислены в табл. 1.
| Параметр | Описание |
|---|---|
| name | Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать это поле. |
| value | Значение поля определяет, что будет отправлено на сервер при поставленной галочке. |
| checked | Если этот параметр стоит, то галочка в поле будет добавлена автоматически. |
Создание и применение флажков показано в примере 1. Обратите внимание, что значение каждого флажка в группе различаются. Так серверная программа может определить, какой пункт был помечен.
Пример 1. Использование флажков
<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>
</html>
Результат данного примера показан на рис. 1.
Рис. 1. Вид флажков в браузере Opera
| Статья опубликована: 12.09.2005 | Последнее обновление: 30.03.2008 |
Прежде, чем писать комментарий к статье, примите во внимание следующие моменты.
- Не задавайте вопросы в комментариях, для этой цели предназначен форум, где вы получите нужную помощь.
- Удаляются любые комментарии, которые:
- включают множество ошибок;
- написаны безграмотно;
- не имеют отношения к данной статье;
- не содержат никакой полезной информации для посетителей.
- Для выделения отдельных слов используйте следующие команды: [b]жирный[/b], [i]курсив[/i], [color=цвет]цветной текст[/color], [tag]тег[/tag], [var]параметр[/var], [code]пример[/code].
- Потренироваться в написании комментариев вы можете в песочнице.
Комментарии к статье
Angel
20.04.2007
Влад Мержевич
23.04.2007
Сергей
10.08.2007
Alex
28.08.2007
Влад Мержевич
29.08.2007
ZaK
09.10.2007
<form action="~script.URL">
<b>С какими операционными системамы вы знакомы?</b><br>
<a href="javascript:;" onClick="javascript:document.getElementById('checkbox-menu').style.display='inline';">Показать список</a><br>
<div id="checkbox-menu" style="display:none; background-color:white; border:1px solid black;>
<input type="checkbox" name="option1" value="a1" checked>Windows 95/98<br>
<input type="checkbox" name="option2" value="a2">Windows 2000<br>
...
<a href="javascript:;" onClick="javascript:document.getElementById('checkbox-menu').style.display='none';">Закрыть список</a>
</div>
</form>
Torerr
15.10.2007
ZaK
20.10.2007
sr1
24.01.2008
Виктор
22.02.2008
Напишите РНР-скрипт, который будет анализировать содержимое чекбокса и делать отправку соответвующего значения.
Евгений
13.04.2008
ja
22.04.2008
Denis
27.04.2008
А как мне его узнать?
Blake
23.07.2008
name - имя поля формы.