7.1.2.3. Переключатели

Переключатели позволяют выбрать из предлагаемого списка что-то одно. При выборе одного переключателя метка с другого убирается.

Необходимо начать с создания списка, используя тег <UL>, который уже рассматривался ранее.

Перечислим все атрибуты для переключателей, входящие в тег <INPUT>:

TYPE= – указывается тип поля, но т.к. мы рассматриваем переключатели, то этому атрибуту присваивается аргумент RADIO

NAME= – название переключателя

VALUE= – атрибут, определяющий текстовую метку, которую необходимо связать с каждым из переключателей

CHECKED – для переключателя, принятого по умолчанию, добавляется это ключевое слово

Тег <UL> контейнерного типа, поэтому весь список переключателей заканчивается тегом </UL>

<!--- Пример использования переключателей ---/>

<HTML> <HEAD> <TITLE> моя первая страничка </TITLE> </HEAD> <BODY> <FORM METHOD="Post" ACTION="bin/card"> Какой браузер вы используете? <UL><BR> <INPUT TYPE="RADIO" NAME="card" VALUE="Internet Explorer" CHECKED>Internet Explorer<BR> <INPUT TYPE="RADIO" NAME="card" VALUE="Netscape Navigator">Netscape Navigator<BR> </UL>

<INPUT TYPE=SUBMIT VALUE="Отправить"> <INPUT TYPE=RESET VALUE="Очистить"> </FORM> </BODY> </HTML>  

Ниже показан результат отображения переключателя в окне браузера Internet Explorer.

Пример

Начало формы Какой браузер вы используете? Internet Explorer Netscape Navigator Конец формы

Для каждого такого переключателя надо указать название и значение. Выбор, предлагаемый по умолчанию, изображается при первичной загрузке формы и восстанавливается в случае щелчка на кнопке отмены. Браузер посылает название и значение для каждого установленного переключателя при щелчке на кнопке отправки.

7.1.2.4. Флажки

В отличие от переключателей, флажки позволяют выбрать из предлагаемого списка несколько пунктов.

Итак, начинаем с создания списка при помощи тега <UL>. Далее открывается тег <INPUT> со следующими атрибутами: TYPE= - определяет тип поля (для флажков указывается аргумент CHECKBOX)

NAME= - задаются имена для каждого из флажков

VALUE= - для всех флажков задается одинаковый текст в качестве аргумента атрибута

CHECKED - для флажков, установленных по умолчанию

<HTML> <HEAD> <TITLE>моя первая страничка</TITLE> </HEAD> <BODY> <FORM METHOD="Post" ACTION="bin/book"> <UL><BR> <INPUT TYPE="CHECKBOX" NAME="book1" VALUE="YES" CHECKED>Книга 1<BR> <INPUT TYPE="CHECKBOX" NAME="book2" VALUE="YES">Книга 2<BR> <INPUT TYPE="CHECKBOX" NAME="book3" VALUE="YES">Книга 3<BR> </UL> <INPUT TYPE=SUBMIT VALUE="Отправить"> <INPUT TYPE=RESET VALUE="Очистить"> </FORM> </BODY> </HTML>  

Пример

Начало формы Книга 1 Книга 2 Книга 3 Конец формы

Для каждого флажка надо указать название и значение. Выбор, предлагаемый по умолчанию, изображается при первичной загрузке формы и восстанавливается в случае щелчка на кнопке отмены. Браузер посылает название и значение для каждого установленного флажка при щелчке на кнопке отправки.