Главное меню
|
 |
Сценарии JavaScript:
Флажки, переключатели
В данном разделе мы отойдем от
изучения непосредственно JavaScript и рассмотрим элементы форм:
поля ввода, флажки, переключатели, кнопки.
Для добавления этих
элементов управления сначала нужно создать форму, которой они
будут принадлежать. Нельзя применять элементы управления без
формы. Форма создается с помощью пары дескрипторов
<FORM>...</FORM>. Все элементы
управления формы находятся в коде HTML
между этими дескрипторами. Для создания элемента
управления чаще всего применяют непарный дескриптор
<INPUT> с атрибутами, определяющими
тип элемента управления. Тип элемента устанавливает атрибут
TYPE.
Переключатели, флажки
Переключатели и флажки используются для того,
чтобы предоставить посетителям страницы возможность сделать
выбор. В группе переключателей можно выбрать только один из них.
Переключатели в атрибуте TYPE
именуются radio. Флажки, принадлежащие
одной группе, устанавливаются независимо друг от друга. В
атрибуте TYPE флажки обозначаются
checkbox. Пример:
<INPUT TYPE='radio'
NAME='name'> Пункт 1 Поле
ввода Поле
ввода позволяет пользователю ввести строку текста. Строка,
введенная в поле, автоматически присваивается атрибуту
VALUE этого элемента. Или наоборот -
строка текста, назначенная атрибуту VALUE
отобразится в этом поле. Поле ввода в атрибуте
TYPE обозначаются
text. Пример:
<INPUT TYPE='text'
VALUE='Здесь любой текст'> Кнопка Кнопки
используются для вызова сценариев, присвоенных атрибуту кнопки
ONCLICK. На кнопке в окне обозревателя
отображается надпись, присвоенная атрибуту
VALUE. Пример использования кнопки:
<INPUT
TYPE='button' VALUE='Написать письмо'
ONCLICK=window.open('mailto:адрес@почты.ru');>
Выпадающий список
Списки в форме создаются с
помощью парных дескрипторов
<SELECT>...</SELECT> и вложенных дескрипторов
<OPTION>...</OPTION>. Пункты списка автоматически
добавляются в массив с именем списка. В списке отображается
текст, заключенный между дескрипторами
<OPTION>...</OPTION>. Этот же текст автоматически
присваивается атрибуту списка TEXT. В
формах используются списки двух типов: с исключительным и
множественным выделениями элементов списка. В первом случае из
списка можно выбрать только один пункт, во втором - любое
количество. Тип списка задается атрибутом
MULTIIPLE в теле дескриптора <SELECT>.
Пример списка: <SELECT
NAME="list">
<OPTION VALUE=0>НОМЕР
1</OPTION>
<OPTION VALUE=1>НОМЕР
2</OPTION>
<OPTION VALUE=2>НОМЕР
3</OPTION>
<OPTION VALUE=3>НОМЕР
4</OPTION>
</SELECT>
|