Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
ОБЩИЙ_файл_ПОСОБИЕ.doc
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
22.69 Mб
Скачать

Створення форми

Форми в HTML призначені для організації взаємодії з користувачами програм, котрі працюють на віддалених серверах мережі Інтернет. Форми потрібні, щоб організувати введення даних від користувача. Введені в форму дані обробляються спеціальною програмою CGI (Common Gateway Interface) на сервері. Така програма може бути реалізована на мові Java, PHP, JSP, ASP і інших. Вказана програма виконує прийом запиту (набір значень полів форми) з деякою службовою інформацією і передачу у відповідь HTML-документа, котрий відповідає запиту.

Для вставки форми в HTML-документ використовується елемент FORM, який задається парними тегами <FORM> і </FORM>. Між цими тегами зазвичай поміщаються описи елементів управління формою, але тут також може бути поміщений текст коментарів. При створенні форм застосовуються наступні атрибути елемента FORM:

action – обов’язковий параметр (URI програми-обробника даних форми);

method – спосіб відправлення даних, введених в форму. Приймає значення get (по умовчанню) або post;

enctype – задає тип даних форми, якщо використаний post;

accept-charset – використовується при передачі файлів;

accept – описує типи файлів.

Елементи управління форми. Для позначення всіх елементів управління використовується HTML-елемент INPUT. Він задається парними тегами і має наступні атрибути:

type – задає тип елемента управління, по умовчанню – text;

name – задає ім’я елемента (рядок, що пояснює ім’я для сервера);

value – початкове значення для текстових полів, імен файлів або напису на кнопках;

checked – прапорець або перемикач установлено;

disabled – не дозволяє працювати з означеним елементом;

readonly – забороняє зміну елемента управління;

size – задає розмір елемента управління;

maxlenth – задає максимальну довжину тексту;

src – для елемента управління image задає розміщення зображення;

title – задає опис елемента управління;

align – горизонтальне вирівнювання елемента управління;

tabindex – номер елемента управління при навігації за допомогою табуляції;

accesskey – гаряча клавіша.

На рис. 9.4 відображено форму з описом типів елементів форми.

Рис. 9.4. Зразок форми

Нижче подано HTML-код, котрий служить описом наведеної форми:

<HTML>

<HEAD>

<TITLE> Типи елементів форми </TITLE>

</HEAD>

<BODY>

<FORM action="..." method="post" enctype="multipart/form-data">

Текстове поле: <INPUT type="text" name="type_text" > <BR>

Поле для вводу пароля: <INPUT type="password" name="type_password"

alt="asfdsvdf"><BR>

Прапорець: <INPUT type="checkbox" name="type_check" value="chk1"

cheked><BR>

Два перемикачі: <INPUT type="radio" name="type_radio" value="1"

cheked> та: <INPUT type="radio" name="type_radio" value="2" <BR>

Поле з іменами файлів: <INPUT type="file" name="type_file"><BR>

<INPUT type="submit" value="Відправлення даних"><BR>

Клацання цього зображення також приведе до відправлення даних:

<INPUT type="image" src="submit.gif"><BR>

<INPUT type="reset" value="Знищення значень полів"><BR>

<INPUT type="button" value="Кнопка користувача"><BR>

</FORMA>

</BODY>

</HTML>.