ЯК відправити дані форми :: Веб-програмування

Відправка даних із заповненої відвідувачем інтернет-сайту форми - одна з найбільш часто вирішуваних завдань інтерактивної взаємодії веб-серфера з серверними програмами цього ресурсу. Організація цієї операції у вихідному коді сторінки гіпертексту значно простіше, ніж створення скриптів для обробки переданих даних. Вона може бути реалізована як засобами мови HTML, так і з використанням javascript-сценаріїв.

Інструкція

Якщо обробка даних здійснюється не в тому ж файлі, який формує сторінку з формою, обов'язково вкажіть в атрибуті action адресу скрипта-обробника. Задайте один із двох можливих методів відправки змінних форми - Get або Post. Вибір залежить від того, який з них використовується для читання змінних скриптом. В принципі, цього достатньо для вирішення поставленого завдання, поміщати в форму спеціальний елемент, який ініціює відсилання інформації не обов'язково, так як натискання клавіші Enter за замовчуванням еквівалентно клацанню по кнопці відправки даних. Однак не всякий користувач здогадається про це, тому більш переважно помістити у форму відповідну кнопку.

Використовуйте кнопку, яка формується тегом input зі значенням submit в атрибуті type. Натискання такої кнопки - «класичний», найбільш часто використовуваний спосіб організації відправки даних з форми в веб-сторінці. Крім атрибута type бажано вказати значення атрибута name, а в value можна помістити текст напису на кнопці. Наприклад:

Можна використовувати javascript-сценарій для відправки даних. Це може бути корисно в тих випадках, коли потрібно організувати автоматичне відправлення по якій-небудь події - наприклад, після вибору користувачем потрібного значення в випадаючому списку або якщо перед відправкою інформації вона повинна бути перевірена javascript-валідатором. Для реалізації такого способу надсилання даних використовуйте метод submit об'єкта form. Скажімо, якщо в атрибут name форми записано значення UniForm, то для імітації натискання кнопки відправки даних в код javascript після всіх необхідних дій з введеними користувачем значеннями потрібно помістити такий рядок: document.UniForm.submit () -