Отправляет email-рассылки с помощью сервиса Sendsay

JavaScript для начинающих. Изучаем с нуля.

Рассылка закрыта

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

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Октябрь 2005   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
13.10.2005
03:36:20
21:08:34
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
ImHoster.net

Статистика

2.443 подписчиков
-1 за неделю
←   Все выпуски   →

JavaScript для начинающих. Изучаем с нуля. выпуск двадцать четвертый


Информационный Канал Subscribe.Ru
Рассылка для всех, кто желает освоить JavaScript

JavaScript для начинающих

Выпуск #24
Письмо автору
Хостинг от 1.2$ в месяц
 Скрипты для web-мастера HTML для чайников
Как всего за 8.5 месяцев построить систему, которая долгие годы будет приносить вам прибыль. Получите четкий пошаговый инструктаж в свое 100% пользование абсолютно бесплатно, пока этого не сделали другие!

Подробности в электронной книге: Скачать

Сегодня мы с вами переходим к самой важной теме - работе с формами. Поэтому читайте очень внимательно и мотайте себе куда-нибудь (у кого нет усов).

Основы работы с формами

Формы - это, пожалуй, самые используемые элементы вэб-страницы, создаваемые с помощью HTML. С помощью JavaScript формы становятся интерактивными и функциональными. Первый шаг в создании интерактивной формы заключается в создании обычной формы HTML.

Определение формы

Форма HTML начинается с дескриптора <FORM>. Этот дескриптор указывает на начало формы и позволяет определять элементы формы. Элемент <FORM> имеет три атрибута:

  • NAME. Имя формы. Вы можете использовать форму, не присваивая ей имени. Для дополнительного усовершенствования формы с помощью JavaScript ей необходимо дать название.

  • METHOD. Принимает значение GET или POST. Существует два способа отправки данных на сервер.

  • ACTION. Это путь к сценарию CGI (или PHP или др.), в который отправляются данные из формы. Вы можете также использовать параметр mailto:. Он позволяет отправить результаты обработки введенных данных по указанному почтовому адресу.

    Например, в следующем примере отображен дескриптор <FORM> для формы Order. Эта форма использует метод GET и отправляет данные в сценарий CGI с названием order.cgi, расположенном в том же каталоге, что и сама вэб-страница:

    <FORM NAME="Order" METHOD="GET" ACTION="order.cgi">

    В форме, которая не обменивается данными с сервером, а служит только для локальных задач (например калькулятор или интерактивная игра), атрибуты METHOD и ACTION не используются. В них используется упрощенный дескриптор <FORM>:

    <FORM NAME="calcform">

    После дескриптора <FORM> указываются несколько элементов формы. Среди них: тектовые поля, флажки, кнопки и переключатели (радиокнопки). Далее мы с ними детально познакомимся. В конце формы используется дескриптор </FORM>.

    Использование объекта form

    Каждая форма на странице HTML представляется отдельным объектом form, имеющим то же название, что и атрибут NAME дескриптора <FORM>.

    Для управления формой также можно использовать массив forms. Этот массив содержит столько элементов, сколько их есть на форме. Все элементы проиндексированы, начиная со значения 0. Например, к первой форме документа, имеющие название form1, можно обратиться одним из двух способов:

    document.form1
    document.forms[0]

    Свойства объекта form

    Наряду с элементами, каждый объект form обладает целым набором свойств, которые в основном определяются в дескрипторе <FORM>. Всех их можно определить и с помощью операторов JavaScript. Ниже приведены все используемые свойства объекта form.

  • action. Соответствует атрибуту формы ACTION или программе, в которую отправляются данные, введенные на форме.

  • encoding. Определяет тип MIME. Определяется атрибутом ENCTYPE. В большинстве случаев не используется.

  • length. Указывает количество элементов на форме. Значение этого свойства напрямую изменить нельзя.

  • method. Определяет метод, используемый для отправки данных, - GET или POST.

  • target. Определяет окно, в котором будут отображаться результаты обработки введенных на форме данных (в соответствии со сценарием CGI). В большинстве случае используется главное окно - результат обработки данных замещает саму форму.

    Отправка данных и очистка формы

    Объект form имеет два метода: submit и reset. Первый используется для отправки данных на обработку, а второй - для очистки формы.

    При использовании метода submit для отправки данных на сервер или с помощью электронной почты браузер выводит запрос на подтверждение отправки данных. Без подтверждения пользователя отправку данных провести нельзя.

    Определение событий формы

    Объект form имеет два обработчика событий: onSubmit и onReset. В эти обработчики событий, задаваемые в пределах дескриптора <FORM>, добавляется группа операторов JavaScript или функция, управляющая формой.

    Если вы добавите оператор (или функцию) в обработчик onSubmit, то он (или она) вызывается до отправки данных в сценарий CGI. Для того чтобы отменить отправку данных на обработку сценарием CGI, обработчик событий onSubmit должен возвратить значение false. Если же он возвращает значение true, то данные отправляются на сервер. В некоторых случаях необходимо добавить в форму кнопку Reset, запускающую обработчик событий onReset.

    Создание элементов форм

    Самое важное свойство объекта form - это массив elements. Он содержит объекты каждого элемента формы. Вызывается каждый элемент по имени или индексу в массиве. Например, следующих два выражения соответствуют первому элементу формы с именем name1:

    document.order.elements[0]
    document.order.name1

    Обращаясь к элементам форм как к элементам массива, объект к свойствам формы добавляет свойство length, определяющее общее количество элементов массива.

    Например document.forms.length определяет количество форм в документе, а document.form1.elements.length - количество элементов в форме form1.

    Продолжение следует...

    Обратите особое внимание на нижеприведенный текст

    Читайте Роберта Кийосаки

    "Богатый папа, бедный папа" скачать

    "Квадрант денежного потока" скачать

    "Руководство богатого папы по инвестированию" скачать

    "Отойти от дел молодым и богатым" скачать

    "Бизнес-Школа" скачать

    и JavaScript вам больше не понадобится..


    Всем вкладывать деньги сюда. Проверенный, честный инвестиционный фонд
    Инвестиционный фонд Реал-Инвест. От 0.85% до 1.7% в день. Вложили 500$, получайте каждый день по 6.5$. Деятельность фонда на 70% основана на безрисковых операциях. Минимальная сумма вклада 10$. Возможность снимать проценты уже на следующий день после вклада. 100% гарантия на возврат денег. Полная информация о владельце.

    • Письмо автору
    Хостинг от 1.2$ в месяц
    		 Скрипты для web-мастера HTML для чайников

    © NBUSINESS.RU

    Subscribe.Ru
    Поддержка подписчиков
    Другие рассылки этой тематики
    Другие рассылки этого автора     		Подписан адрес:
    Код этой рассылки: inet.webbuild.javascripts
    Архив рассылки     		Отписаться
    Вспомнить пароль
    В избранное