2015-09-06
265
Основное назначение структуры form при программировании на языке JavaScript в страничках HTML - это подготовка информации для передачи на сервер, используя механизм CGI (common gateway interface). JavaScript можно использовать, в частности, для установки значений в поля ввода, для проверки корректности введенных данных.
Создание Form.
Главное отличие прямого создания form средствами HTML и расширенными средствами JavaScript заключается в включении обработчиков событий в структуру form. Они вызываются при выполнении различного рода манипуляций с элементами form. Заметим также, что в JavaScript структуры типа form, рассматриваются как объекты.
Типичными объектами типа form, которые используются в JavaScript, являются:
- text поля - для ввода строк текста,
- button - для выбора действия,
- radio кнопки - для выбора из группы параметров,
- check блоки - для выбора либо отказа независимых параметров.
В отличие от HTML в JavaScript существенным является использование имен (параметов name) как самой form, так и всех ее элементов (объектов). Имена позволяют непосредственно обращаться к объектам form в JavaScript программе.
|
|
|
Получение и установка значений в form объектах.
JavaScript позволяет получать и устанавливать значения в поля ввода. Доступ к содержимому поля ввода осуществляется через свойство value.
Скриптовый язык JavaScript. Обработка листов стилей.
Подсветка ячейки при наведении указателя мыши
Рассмотрим пример кода, который при наведении указателя мыши на ячейку подсвечивает фон черным, а текст белым. Если внутри расположена ссылка, то она тоже меняет цвет на белый. Скрипт основан на динамической смене стилей элементов. Ячейка становится подсвеченной по событию onmouseout= ”out(this)” и принимает обычный вид по событию onmouseout= ”out(this)”. Назначаемые стили описаны предварительно в блоке <head>.
| Ячейка1 | Ячейка2 |
