Проектування форм

Основними елементами форми являються:|з'являються,являються|

-- Поля- призначені для введення даних користувачем;

-- Кнопки - для виконання певних дій.

У|в,біля| дескрипторі кожного|шкіряного| поля (<input type=”тип поля”>) необхідно вказувати| його| і`мя (значення| атрибуту name). Для створення форми використовується тег <form>. Він виступає в якості контейнера для усіх інших тегів, які описують елементи управління форми – кнопки, поля введення, списки, перемикачі, прапорці та ін. Код будь-якої форми| повинен міститися між парою дескрипторів <form> </form>.

Основні HTML-теги для створення елементів |створіння| форми :

§ INPUT– для додавання|добавки| елементів введення;

§ SELECT – для створення|створіння| списків вибору з|із| обмеженої кількості елементів;

§ OPTIONS – створення|створіння| елементів у середині списків SELECT;

§ TEXТAREA – створює багаторядкове текстове поле.

Основні елементи форми можна переглянути на малюнку1.

Мал.1

Після створення| і заповнення| форми| необхідно вказати| броузеру| куди| відсилаються дані форми|, якщо натиснути| на кнопку «Отправить».

1-ше, можливо| настроїти броузер| на відправку введеної користувачем| у форму інформації назад, на сервер, де| вона| буде| оброблена| програмою-сценарієм CGI. Поля в HTML-формах і введені|запроваджені| в них дані повинні відповідати тому типу інформації, який повинен одержати|отримати| CGI-сценарій.

2-ге, можливо| відіслати дані з форми| на ваш e-mail.

Базова конструкція форми вhtml виглядає так:

<FORM> початок форми

<INPUT> запрошує інформацію одним або декількома способами

<INPUT> створює поле форми (кнопку, поле введення и т.ін.), ви можете

ввести декілька полів

</FORM> кінець форми

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

1. FORM –тег створення форми, парний.

< FORM > .....</ FORM>

Атрибути: існує два обов’язкових атрибута:method і action.

– method– спосіб, який визначає метод передачі даних форми.

Методів є два: get– дані розміщуються в URL. Метод get має дві переваги і один величезний недолік|нестача|. Перевага|: серверу передається мінімальний об'єм|обсяг| даних, які дуже просто обробити. Недолік: оскільки інтернет-адреса не може бути довше 256 символів неможливо переслати скільки-небудь значний об'єм|обсяг| даних|. post- дані розміщуються в HTTP-запиті, застосовується коли одержані|отримані| з|із| форми дані необхідно спочатку обробити, наприклад, перевірити правильність заповнення форми. Метод post ідеальний для великих реєстраційних форм, дошок оголошень, взагалі для пересилки великих текстів і файлів на сервер.

– action – визначає URL тієї програми - сценарію на сервері, якій належить обробляти дані форми або адреса електронної пошти.

Для того, щоб відіслати дані з форми на e-mail, треба ввести в тег <FORM> наступні атрибути:

<form action=mailto:учетная запись @ провайдер.com method=”post”>

що ви можете тут змінити — це адресу електронної пошти на свою.

- name – атрибут задає ім'я форми, його можна опустити, якщо на сторінці всього одна форма, якщо їх декілька, то всім формам необхідно задати імена, наприклад: name = " form1"