
- •Формы 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
Объект submit
Кнопка передачи данных (кнопка submit) в HTML-форме. Кнопка submit вызывает передачу формы. Для определения кнопки submit используется стандартный HTML синтаксис с добавлением обработчика события onClick:
<INPUT TYPE="submit"...[onClick="handlerText"]>
При щелчке на кнопке submit форма передается по URL, определенному в свойстве формы action. При этом в браузер всегда загружается новая страница; это может быть текущая страница, если action так определен или не определен вообще.
В NN2.0 событие onClick кнопки не может предотвратить передачу формы; вместо этого используйте событие onSubmit формы. В NN3.0 и выше, чтобы предотвратить передачу формы; в onClick необходимо выполнить return false.
Свойства:
• form;
• type = "submit";
• name;
• value - определяет надпись на кнопке. Readonly.
Методы:
• click() - нажатие кнопки.
События:
• onClick.
Объект reset
Кнопка сброса (reset) в HTML-форме. Кнопка reset сбрасывает все элементы в форме в их значения, установленные по умолчанию. Для определения кнопки reset используется стандартный синтаксис HTML с добавлением обработчика события onClick:
<INPUT TYPE="reset"...[onClick="handlerText"]>
В NN3 обработчик cобытия onClick кнопки reset не может предотвратить сброса формы; если вы нажали кнопку, сброс не может быть отменен. В NN4 сброс формы можно отменить, использовав: onClick="...; return false;".
Свойства:
• form;
• type = "reset";
• name;
• value - определяет надпись на кнопке. Readonly.
Методы:
• click() - нажатие кнопки.
События:
• onClick.
Объект button
Графическая кнопка в HTML-форме. Объект button является элементом формы и должен быть определен внутри тега <FORM>. Объект button является обычной кнопкой, которую вы можете использовать для выполнения действия, определенного вами. При нажатии кнопки выполняется скрипт, определенный событием onClick. Определение кнопки:
<INPUT TYPE="button" ....[onClick="handlerText"]>
Свойства:
• form;
• type = "button";
• name;
• value - определяет надпись на кнопке. Readonly.
Методы:
• click() - нажатие кнопки.
События:
• onClick.
Объект textarea
Многострочное поле ввода текста в HTML-форме. Объект textarea является элементом формы и должен быть определен внутри тега <FORM>. Для определения текстовой области используется стандартный синтаксис HTML с добавлением обработчиков событий onBlur, onChange, onFocus и onSelect:
<TEXTAREA NAME="textareaName" [onBlur="handlerText"] [onChange="handlerText"] [onFocus="handlerText"]>
textToDisplay
</TEXTAREA>
NAME="textareaName" определяет имя объекта textarea. Вы можете получить это значение, используя свойство name.
textToDisplay определяет первоначальное значение объекта textarea. textarea всегда только ASCII текст с разделением на строки.
Для начала новой строки в объекте textarea вы можете использовать символ новой строки. Этот символ различен для разных платформ: в Unix и Macintosh - это \n, в Windows - \r\n. Одним из способов ввода символа новой строки программно является тестирование свойства appVersion для определения текущей платформы и установки символа новой строки соответствующим образом. Смотрите свойство appVersion объекта Navigator.
Свойства:
• form;
• type = "textarea";
• name;
• value;
• defaultValue - значение по умолчанию. Представляет собой неформатированный текст, заключенный между тегами <TEXTAREA> и </TEXTAREA>. Readonly.
Методы:
• blur();
• focus();
• select() - выделяет весь введенный текст и включает специальный режим, когда любой введенный символ заменяет выделенный текст.
События:
• onBlur;
• onChange;
• onFocus.