- •Формы html
- •Обработка данных формы
- •Поля ввода
- •Логические элементы
- •Передача данных формы на сервер
- •Примеры форм
- •Использование тега meta
- •Язык сценариев Java Script
- •Размещение Java Script в документе
- •Встроенные функции Java Script
- •Объектная модель Java Script
- •Обработчики событий JavaScript
- •Объекты Java Script Массивы
- •Объект window
- •Объект navigator
- •Объект history
- •Объект document
- •Объект form (массив forms)
- •Объект location
- •Объект link (массив links)
- •Объект image (массив images)
- •Массив elements
- •Объект text
- •Объект password
- •Объект fileUpload
- •Объект hidden
- •Объект checkbox
- •Объект radio
- •Объект submit
- •Объект reset
- •Объект button
- •Объект textarea
- •Объект select
- •Объект Option
- •Объект Date
- •Объект Math
- •Объект string
- •Примеры скриптов Обработка событий элементов формы.
- •Изменение картинки из формы
- •Использование таймера (скроллинг в строке статуса)
- •Гистограмма
- •Работа с окнами
- •Соответствие операторов и выражений языков Паскаль и Java Script.
- •Список использованной и рекомендуемой литературы
- •61070, Харьков-70, ул. Чкалова, 17
- •61070, Харьков-70, ул. Чкалова, 17
Объект password
Текстовое поле в HTML-форме, значение которого на экране отображается звездочками (*). Когда пользователь вводит текст в это поле, звездочки скрывают введенное значение.
Свойства:
• form;
• type = "password";
• name;
• value;
• defaultValue - значение объекта по умолчанию (значение атрибута VALUE).
Методы:
• focus();
• blur();
• select().
События:
• onBlur;
• onChange;
• onFocus.
Объект fileUpload
Поле в HTML-форме для ввода имени файла, которое на экране отображается как поле ввода с добавлением кнопки Browse. При вводе имени файла его содержимое отправляется на сервер (должен быть выбран метод POST и encoding="multipart/form-data"). Из соображений безопасности невозможно изменить значение из скрипта.
Свойства:
• form;
• type = "file";
• name;
• value - значение свойства не влияет на данные, отправляемые на сервер.
Методы:
• focus();
• blur().
События:
• onBlur;
• onChange;
• onFocus.
Объект hidden
Текстовый объект HTML-формы, который в форме не отображается. Объект hidden используется для передачи пар имя/значение при отправке формы на сервер, либо для передачи значений браузеру для последующей обработки с помощью javaScript, когда документ генерируется динамически. Объект hidden является элементом формы и должен быть определен внутри тега <FORM>. Объект не может быть увиден и изменен пользователем, но вы можете запрограммировать изменение значения объекта, изменяя свойство value. Вы можете использовать объекты hidden для коммуникаций клиент/сервер.
Свойства:
• form;
• type = "hidden";
• name;
• value.
Методы:
• нет.
События:
• нет.
Объект checkbox
Контрольный переключатель (checkbox) в HTML-форме. checkbox является сенсорным переключателем, позволяющим пользователю устанавливать значение on или off. Объект checkbox является элементом формы и должен быть определен внутри тега <FORM>.
Для определения checkbox используется стандартный HTML синтаксис с добавлением обработчика события onClick:
<INPUT TYPE=" checkbox " NAME="Name" ...[onClick="handlerText"]>
Свойства:
• form;
• type = "checkbox";
• name;
• value;
• checked - булево свойство, используется для определения, помечен ли checkbox в настоящий момент. Позволяет из программы установить или сбросить отметку, при этом обработчик onClick() не вызывается;
• defaultChecked - значение атрибута CHECKED. Используется для определения, помечен ли checkbox по умолчанию (при загрузке формы). Readonly.
Методы:
• click() - отметка галочкой checkbox и установка значения на on.
События:
• onClick.
Объект radio
Представляет одну зависимую кнопку (кнопку radio) в HTML-форме. Установка кнопок radio позволяет пользователю выбрать один пункт из списка. Объект radio является элементом формы и должен быть определен внутри тега <FORM>.
Все кнопки radio в группе имеют одинаковое свойство name. Для обращения к отдельным кнопкам radio в вашей программе используйте имя объекта с индексом, начинающимся с нуля, для каждой кнопки, так же, как и для массива forms:
document.forms[0].radioName[0] - это первая, document.forms[0].radioName[1] - это вторая и т.д.
Чтобы обратиться через массив elements, используйте:
document.forms[0].elements[i][0],
document.forms[0].elements[i][1] и т.д.
Для определения установки кнопок radio используется стандартный HTML синтаксис с добавлением обработчика события onClick:
<INPUT TYPE="radio" NAME="radioName" ...[onClick="handlerText"]>
Свойства:
• form;
• type = "radio";
• name;
• value;
• checked - булево свойство, используется для определения, помечен ли checkbox в настоящий момент. Позволяет из программы установить или сбросить отметку, при этом обработчик onClick() не вызывается;
• defaultChecked - значение атрибута CHECKED. Используется для определения, выбрана ли кнопка по умолчанию (при загрузке формы);
• length отражает количество кнопок radio в объекте radio.
Методы:
• click() - выбор кнопки radio.
События:
• onClick.
