Програмування - це просто - web-програмування java script (js) взаємодія з користувачем

Для вивчення роботи з формами створимо такий ось текстовий приклад:

Введіть що небудь.

Запустивши цей файл, ви побачите що щось на зразок ось цього:

Правда, поки при натисканні на кнопку нічого не відбувається. Що б що небудь відбувалося, треба навісити на кнопки обробники. Спробуємо, наприклад, навести обробник на кнопку "ОК":

Урок 107. Java Script (JS): взаємодія з користувачем

Введіть що небудь.

Тепер при натисканні на кнопку "Submit" програма видасть повідомлення зі значенням цієї кнопки:

Програмування - це просто - web-програмування java script (js) взаємодія з користувачем

Значення, як ви зрозуміли, то, яке ми поставили: "Submit".

Але як нам бути, якщо ми хочемо отримати в цьому обробнику НЕ значення натиснутої кнопки, а текст, введений в поле введення тексту? Для цього нам треба дістатися до цього елемента. Як ми це зробимо? Можна через об'єкт форми. Наприклад, ось так:

Урок 107. Java Script (JS): взаємодія з користувачем

Введіть що небудь.

Тепер при натисканні на кнопочку "Submit" у нас буде видано повідомлення про те, що ж ми ввели в рядок введення:

Програмування - це просто - web-програмування java script (js) взаємодія з користувачем

Таким чином, звернутися до конкретної формі ми можемо через властивість документа forms. який представляє собою колекцію форм. Але якщо форм занадто багато, то звертатися до них за індексом може бути незручно. Тому є можливість звернутися до форми на ім'я. Для цього тільки це ім'я треба задати. Давайте розглянемо наступний приклад:

Урок 107. Java Script (JS): взаємодія з користувачем

alert ( "Ви ввели" + document.forms [ "myform"]. elements [0]. value);

Введіть що небудь.

Результат буде той же самий.

Є ще інші варіанти поводження. Наприклад: document.forms.myform або document.myform.