1.1.1 Синтаксис Web-форм

Для створення форм найчастіше використовуються наступні елементи і асоційовані з ними атрибути:

Елемент form — фундаментальний елемент всіх форм. Є контейнерним елементом, тобто містить інші елементи форми. З елементом form пов'язано багато атрибутів, проте найбільш важливими є два наступних.

• action — визначає дію, що виконується з метою обробки даних форми. Найчастіше значенням атрибуту action служить URL сценарію на стороні сервера, наприклад action="index.php".

• method — приймає значення get або post, що визначає тип запиту HTTP.

Елемент input — визначає елемент управління, що розміщується на формі, наприклад <input type="text" name="quantity" />. Атрибути елементу input визначають тип і параметри елементу управління. Елемент input є порожнім, отже, в XHTML його дескриптор повинен завершуватися нахиленою рискою: <input... />. З елементом input використовуються наступні атрибути.

• name — за допомогою цього атрибуту можна задати ім'я елементу управління, яке буде назвою відповідного параметра під час відправки даних.

• value - в різних елементах управління атрибут value використовується по-різному. Наприклад, в елементі управління button значення value визначає напис на кнопці, в перемикачі (type="radio") і прапорці (type-¹checkbox") — значення, що передається обробникові елемента управління, а в поле введення (type="text") - текст, записуваний в нього при завантаженні документа. Загальним є те, що в кожному з типів елементів управління значення атрибуту value деяким чином описує елемент управління. Атрибут value обов'язковий тільки для елементів управління checkbox і radio.

• size — ширина елементу управління в пікселях. Для типів text і password значенням атрибуту size є кількість символів, що визначає ширину елементу управління. Атрибут size є атрибутом представлення, тому замість нього в документах Strict слід використовувати листи стилів.

• maxlength — максимальна кількість символів, допустимих в елементі введення.

• checked — початковий стан прапорця або перемикача форми. В HTML документах цей атрибут мінімізований, тобто прапорець або перемикач при завантаженні документа встановлюється, якщо елемент input містить атрибут checked. Відповідно, в XHTML значенням атрибуту checked служить його ім'я.

• type — визначає тип елементу управління.

Нижче перераховані використані в даній лабораторній роботі значення атрибуту type і описані відповідні типи елементів управління.

• text — поле введення, що складається з одного рядка. Ширина поля введення визначається значенням атрибуту size.

• password— елемент управління "пароль", відрізняється від поля введення лише тим, що замість символів, що вводяться користувачем, в ньому відображаються зірочки. Ніяких інших засобів захисту даний елемент управління не містить.

• checkbox— прапорець. На формі можна розмістити довільну кількість прапорців, причому кожен з них може бути встановлений або знятий користувачем незалежно від інших. Наприклад:

<input type="checkbox" name="vyd_rozrahunku" checked=="checked" value="gotivkovy" />готівковий

<input type="checkbox" name="vyd_rozrahunku" value="bezgotivkovy" />безготівковий

• radio — перемикач. На формі можна розмістити довільну кількість перемикачів, проте тільки один з них може бути встановлений користувачем, всі інші автоматично знімаються. Наприклад:

<input type="radio" name="vyd_valuty" value="UAH" checked=="checked">UAH <input type="radio" name="vyd_valuty" value="USD">USD

• submit — кнопка, при натисненню на яку Web-броузер формує запит HTTP по методу, указаному в атрибуті method елементу form і передає його на сервер за адресою, указаною в атрибуті action елементу form. Часто її називають кнопкою передачі форми. Напис на кнопці визначає атрибут value.

• reset — кнопка скидання даних форми. Після натиснення на неї броузер повертає всі параметри форми в початковий стан, тобто видаляє всі значення, введені користувачем, і записує замість в них початкові значення.

• hidden — прихований елемент управління, що не виводиться броузером на екран. Цей елемент управління може використовуватися для передачі додаткової інформації сценарію обробки даних форми, наприклад інформації, що ідентифікує документ.

• button — кнопка. Може бути використана для запуску якого-небудь сценарію, наприклад JavaScript, виклик якого визначається атрибутом onclick.

Елемент textarea — цей елемент створює область введення тексту, наприклад: <textarea cols="25" rows="5" name="description">Приклад</textarea>. З елементом textarea асоційовані атрибути name (див. вище), rows="x" (кількість рядків в області введення) і cols="x" (кількість стовпців в області введення).

Елемент select — створює список, що розкривається. Даний елемент є контейнерним і містить в собі елементи option, що визначають окремі пункти списку. Зміст елементу option виводиться броузером як напис на відповідному пункті списку. Значення атрибуту value виділеного в списку елементу option передається на сервер. Приклад списку: <select name="vyd_tovary">

<option value="Monitor" selected=''selected''>Монітори</option> <option value="Printer">Принтери</option> </select>