Создание на форме флажков
Если необходимо, чтобы посетитель Web-сайта обладал возможностью выбирать один или несколько элементов из списка путем установки "галочки", расположенной возле каждого элемента, поместите на форму дескриптор <input> иустановите значение его атрибута type равным "checkbox".
ПРАКТИКУМ
Например, для вставки на Web-страницу под многострочным полем ввода текста семи флажков, как показано на рис. 3.7, поместите после дескриптора</textarea> такие дескрипторы <input>:
<form name="ExampleForm"><p>Имя:<input type="text" name="FirstName" size="15"/>Фамилия:<input type="text" name="LastName" size="20"/></p><p>Сообщение:<textarea name="TextMessage" rows="5" cols="60"></textarea></p><p>Области интересов:<br/>Операционные системы:<input type="checkbox" name="Win98" value="ON"/>Windows 98<input type="checkbox" name="WinXp" value="ON"/>Windows XP<input type="checkbox" name="WinNT" value="ON"/>Windows NT<br/>Оборудование:<input type="checkbox" name="DT" value="ON"/>Настольные компьютеры<input type="checkbox" name="LT" value="0N"/>Портативные компьютеры<input type="checkbox" name="PDA" value="ON"/>PDA<input type="checkbox" name="Prtr" value="ON"/>Принтеры<input type="checkbox" name="Mon" value="ON"/>Мониторы</р><p>[Кнопки RESET и SUBMIT формы]</p></form>
Как и в случае с другими элементами формы, текстовые надписи перед и/или после флажков на форме не являются частью HTML-кода элемента. Дескриптор<input> для флажка может содержать следующие атрибуты:
- type. Устанавливает тип "checkbox", который указывает Web-браузеру, что данный элемент формы представляет собой флажок.
- id. Используется для присвоения флажку уникального имени. Значение атрибута id можно использовать для работы с состоянием флажка в сценарии, внедренном на Web-страницу.
- name. Используется для идентификации флажка. Значение атрибута name может применяться для ссылки на состояние флажка в сценарии, выполняющемся в среде Web-браузера. Более того, Web-браузер будет передавать значение атрибута name в качестве части "имя" пары имя/значение при передаче результатов формы Web-серверу, если посетитель установит флажок. Если посетитель сайта не устанавливает флажок, его имя и значение (т.е.значение, присвоенное атрибуту value) серверу передаваться не будут.
- value. Строка, которая будет передаваться Web-серверу в качестве части "значение" пары имя/значение. При передаче результатов формы после нажатия кнопки Submit Web-браузер передает серверу пары имя/значение только для установленных (т.е. выбранных) флажков.
- checked. Если значение атрибута равно True (т.е. checked="true"),Web-браузер при визуализации флажка будет отображать "галочку" (т.е.флажок считается выбранным или установленным). По умолчанию значение атрибута checked устанавливается равным False (т.е. флажок не установлен или снят), поэтому при написании HTML-кода для неустановленного флажка вам не нужно включать в дескриптор <input> атрибут checked="false".
Рис. 3.7. Форма с семью флажками под многострочным полем ввода текста
В приведенном примере дескрипторы <input> с атрибутом type, установленным равным "checkbox", заставляют браузер поместить на форму ExampleForm семь флажков. Web-браузер сам отвечает за переключение состояния флажков(т.е. при выборе посетителем снятого флажка Web-браузер устанавливает его, помещая в квадратик флажка "галочку", и наоборот, если посетитель выбирает установленный флажок, который уже содержит "галочку", браузер снимает отметку с флажка, убирая "галочку").