Проектування форм
Основними елементами форми являються:|з'являються,являються|
-- Поля- призначені для введення даних користувачем;
-- Кнопки - для виконання певних дій.
У|в,біля| дескрипторі кожного|шкіряного| поля (<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"