Елементи форми

Лабораторна робота № 11

Мета: Використовувати форми і запити при створенні веб-сторінок.

Теоретичні відомості.

Основи HTML-форм

Ідея, що стоїть за електронними формами, наступна: вони дозволяють запитувати й одержувати від користувача інформацію. При цьому частина даних може бути оформлена у виді готових меню, з яких користувачу потрібно тільки вибрати відповідний пункт. Запити можуть бути наступних типів.

• Питання, відповіді на який варто набирати в спеціальних текстових полях (наприклад, відомості про ім'я чи адресу, а також скарги, коментарі і т.п.).

• Питання, відповіді на які варто вибирати з пропонованого списку. Останній може бути організований як у вигляді меню, так і у вигляді набору прапорців.

• Питання, єдині відповіді на які потрібно вибирати за допомогою набору перемикачів.

Форми створюються з використанням набору елементів HTML, що визначають поля вводу, перемикачі і т.п. Кожен створюваний вами елемент керування буде мати своє унікальне ім'я, що буде використовуватися в якості змінної. Вибір, що зробить користувач, буде значенням цієї змінної. Наприклад, якщо полю введення привласнити ім'я city, і користувач уведе Boston, це буде означати, що змінній city привласнили значення Boston.

Змінні і відповідні ним значення передаються на сервер, що, в свою чергу, звертається до невеликих програм, які називаються «скриптами». Скрипти інтерпретують і обробляють отримані дані, причому результатом обробки є звичайно зміна вигляду веб-строрінки. На ній можуть з'явитися якісь дані, що залежать від того, що було введено користувачем, чи яка-небудь проста відповідь на його дії, наприклад, може з'явитися напис «Спасибі».

Елемент <form>

Форми створюються за допомогою спеціального елемента <fогm>, що є контейнером для інших елементів. Загальна схема застосування контейнера наступна:

<form method="get_чи_post" action="URL призначення даних">

елементи форми...

</form>

Найпростіший елемент <form> може мати два атрибути: method і action. Що вони означають? Атрибут method визначає спосіб відправлення даних на сервер. Можливі значення: post чи get. Метод get означає, що дані форми будуть додані в кінець URL призначення. У більшості випадків це накладає серйозні обмеження на розміри даних (найчастіше не більш 100 символів). Утім, якщо форма складається з одного-двох елементів і важливо передавати дані з високою швидкістю, то використовується саме get. Наприклад:<form method="get" action="/cgi-bin/search">. Якщо ж ви збираєтеся помістити велику кількість даних у велику форму, метод get використовувати не варто. Для таких випадків існує post, що посилає дані окремо і не має практичного обмеження на їхній розмір. Відкриваючий тег елемента <form> при використанні post виглядає так: <form method="post" action="/cgi-bin/survey.pl">

Другим атрибутом <form> є action. Він повинний містити URL скрипта, який буде обробляти отримані дані. Дуже часто скрипти зберігаються в директоріях за назвою bin/ чи cgi-bin/ на сервері.

Прикладом елемента, що задає границі форми, може бути наступний код:

<form method="post" action="http://www.fakecom.net/cgi-bin/survey.pl"> </form>

Як і будь-який інший контейнер, що відкривається і закривається, теги <form> і </form> цілком визначають форму. Звичайно, не можна сказати, що ці теги роблять багато чого, однак вони дійсно визначають елемент цілком. Крім того, варто пам'ятати, що форми не можуть бути вкладеними. Перед тим як почати нову форму, необхідно поставити закриваючий тег попередньої.