» » Параметри форми

Параметри форми

Параметри форми
Кожна форма характеризується деякими параметрами, які вказуються в тегі
<FORM>
. Ці параметри задають ім'я форми, її обробник і метод надсилання даних на сервер, а також деякі інші характеристики.
ACTION
Вказує оброблювач, до якого звертаються дані форми при їх відправленні на сервер (приклад 2.1). В якості обробника може виступати CGI-програма або HTML-документ, який включає в себе серверні сценарії (наприклад, Parser). Після виконання обробником дій по роботі з даними форми він повертає новий HTML-документ. Якщо параметр action відсутній, поточна сторінка перезавантажується, повертаючи всі елементи форми до їх значень за замовчуванням.
Приклад 2.1. Вказівка обробника форми

<!DOCTYPE HTML>
 <html>
 <head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Форми</title>
</head>
<body>
<form action="http://web.if.ua/file.php">
<p> ... </p>
</form>
</body>
</html>

В якості обробника можна вказати також адресу електронної пошти, починаючи її з ключового слова mailto. При відправленні форми буде запущена поштова програма встановлена за замовчуванням. В цілях безпеки в браузері встановлено, що відправити непомітно інформацію, введену у формі, поштою неможливо. Для коректної інтерпретації даних використовуйте параметр enctype зі значенням text/plain в тегі
(приклад 2.2).
Приклад 2.2. Відправлення форми на адресу електронної пошти

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Форми</title>
</head>
<body>
<form action="mailto:test@web.if.ua" enctype="text/plain">
<p> ... </p>
</form>
</body>
</html>

ENCTYPE
Встановлює тип даних, що відправляються разом з формою. Зазвичай встановлювати значення параметра enctype не потрібно, дані цілком правильно розуміються на стороні сервера. Однак якщо використовується поле для відправки файлу
(<INPUT type="file">),
слід визначити параметр enctype як multipart/form-data (приклад 2.3). Допускається також встановлювати відразу кілька значень, розділяючи їх комами.
Приклад 2.3. Зміна типу даних форми

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Форми</title>
</head>
<body>
<form action="#" enctype="multipart/form-data" method="post">
<p> ... </p>
</form>
</body>
</html>

METHOD
Метод повідомляє серверу про мету запиту. Розрізняють два методи - GET і POST. Існують й інші методи, але вони поки що мало використовуються.
GET

Цей метод є одним з найпоширеніших і призначений для отримання необхідної інформації та передачі даних в адресному рядку. Пари «ім'я = значення» приєднуються в цьому випадку до адреси після знаку питання і розділяються між собою амперсандом (символ &). Зручність використання методу GET полягає в тому, що адресу з усіма параметрами можна використовувати неодноразово, зберігши його, наприклад, у «Вибране» браузера, а також змінювати значення параметрів прямо в адресному рядку.
POST

Метод POST посилає на сервер дані в запиті браузера. Це дозволяє відправляти більшу кількість даних, ніж доступно методу GET, оскільки у нього встановлено обмеження в 4 Кб. Великі обсяги даних використовуються у форумах, поштових службах, заповненні бази даних і т.д. (Приклад 2.4).
Приклад 2.4. Використання методу POST

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Форми</title>
</head>
<body>
<form action="#" method="post">
<p> ... </p>
</form>
</body>
</html>

TARGET
Після того, як обробник форми отримує дані, він повертає результат у вигляді HTML-документа. Ви можете визначити вікно, в яке буде завантажуватися підсумкова веб-сторінка. Для цього використовується параметр target, як його значення використовується ім'я вікна або фрейму. Якщо параметр target не встановлено, результат що повертається, показується в поточному вікні. Як аргумент використовується ім'я вікна або фрейму, заданий параметром name. Якщо встановлено неіснуюче ім'я, то буде відкрито нове вікно. Зарезервовані імена наступні (приклад 2.5).
_blank - завантажує сторінку в нове вікно браузера.
_self - завантажує сторінку в поточне вікно.
_parent - завантажує сторінку під фрейм-батьків, якщо фреймів немає, то цей параметр працює як _self.
_top - скасовує всі фрейми і завантажує сторінку в повному вікні браузера, якщо фреймів немає, то цей параметр працює як_self.
Приклад 2.5. Відкриття результатів обробника форми в новому вікні

<!DOCTYPE HTML>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Форми</title>
 </head>
 <body>
   <form action="/cgi-bin/handler.cgi" target="_blank">
    <p> ... </p>
   </form>
 </body>
</html>


780 07.10.13



Напівжирний Нахилений текст Підкреслений текст Перекреслений текст | Вирівнювання по лівому краю По центру Вирівнювання по правому краю | Вставка смайликів Вибір кольору | Прихований текст Вставка цитати Перетворити вибраний текст з транслітерації в кирилицю Вставка спойлеру