logo
ІНТЕРНЕТ В БІЗНЕСІ

5.1.2. Створення органів керування для форми

Для створення у формі різноманітних органів керування (поляж запровадження, перемикачів, кнопок і т.д.) використовуються оператори <INPUT>, <TEXTAREA> і <SELECT>.

Оператор <INPUT>

Оператор <INPUT> призначений для вставки у форму таких органів керування, як поля запровадження текстової інформації, перемикачі, кнопки (звичайні й у виді графічних зображень), а також органи керування для передачі локального файла через навігатора у віддалений сервер WWW.

Перерахуємо параметри оператора <INPUT>:

Параметр Опис

TYPE Тип органа керування. У залежності від значення цього параметра будуть створюватися різноманітні органи керування (кнопки, перемикачі і т.д.)

NAME Ім'я органа керування. Це ім'я посилається програмі опрацювання форми і використовується для визначення стана органа керування (для перемикачів) або одержання інших даних (наприклад, для одержання рядка, введеної в текстовому полі)

VALUE Початковий стан або початкове значення для органа керування. Використовується для ініціалізації органа керування при початковому відображенні форми

CHECKED Цей параметр використовується для установки початкового значення перемикачів

SIZE Ширина поля для запровадження текстової інформації в символах. По умовчанню поле має ширину 20 символів

MAXLENGTH Максимальна кількість символів, що можна ввести в поле редагування текстової інформації. По умовчанню таке обмеження відсутніх

ALIGN Вирівнювання тексту, розташованого біля форми

SRC Адреса URL графічного зображення, якщо воно використовується в органі керування

Параметр TYPE визначає тип утворюваного органа керування і може мати такі значення:

Значення Тип органа керування параметра TYPE

TEXT Однострочное поле для запровадження текстової інформації. Розмір цього поля визначається параметрами SIZE і MAXLENGTH

TEXTAREA Многострочное поле для запровадження текстової інформації. Розмір поля також визначається параметрами SIZE і MAXLENGTH

PASSWORD Цей орган керування призначений для запровадження такої інформації, як пароли. Він аналогічний органу керування типу TEXT, але відрізняється тим, що текст, уведений користувачем, не відображається на екрані

CHECKBOX Перемикач типу Check Box. Призначений для використання в наборі незалежних друг від друга перемикачів або окремо

RADIO Перемикач для групи залежних перемикачів. Використовується для вибору одного значення з декількох

FILE Орган керування для вибору і передача файла. Це значення використовується по-різному навігаторами Microsoft Internet Explorer і Netscape Navigator

BUTTON Кнопка з заданим написом

SUBMIT Кнопка, що призначена для посилки даних із заповненої форми серверу WWW. Напис на цій кнопці також можна задавать

RESET С поміччю цієї кнопки користувач може скинути вміст поляж запровадження і стан перемикачів у їхні початкові значення, задані операторами VALUE

IMAGE Для посилки даних із форми в сервер ви можете використовувати не тільки кнопку типу SUBMIT, але і довільне графічне зображення, задане параметром SRC. Відповідний графічний орган керування має тип IMAGE

HIDDEN Сховане поле, що не відображається. Вміст цього поля посилається серверу і може бути проаналізоване

Оператор <TEXTAREA>

Оператор <INPUT> із параметром TYPE, що має значення TEXT, дозволяє вставити у форму поле редагування текстового рядка. Якщо ж вам потрібно ввести багаторядковий текст, краще скористатися оператором <TEXTAREA>, що застосовується разом з оператором </TEXTAREA>.

Зауважимо, що, хоча параметр TYPE оператора <INPUT> дозволяє задати багаторядкове поле редагування з типом TEXTAREA, створене в такий спосіб поле працює як однорядкове.

Для оператора <TEXTAREA> ви можете задати 3 параметр:

Параметр Опис

NAME Ім'я багаторядкового поля, що посилається програмі опрацювання форми і використовується для одержання введених рядків тексту

ROWS Розмір поля по вертикалі (у рядках)

COLS Розмір поля по горизонталі (у символах)

Нижче наведено приклад опису багаторядкового текстового поля:

<TEXTAREA NAME="multi" ROWS=54 COLS=60>

Це зразок багаторядкового тексту

</TEXTAREA>

Оператор <SELECT>

За допомогою оператора <SELECT> ви можете вставити у форму заздалегідь проинициализированный список довільних текстових рядків. Обраний рядок пересилається серверу WWW поряд із вмістом інших полів форми.

Для оператора <SELECT> визначено 2 параметр - NAME і SIZE. Параметр NAME задає ім'я списку, що передається серверу WWW у парі з обраним рядком. За допомогою параметра SIZE можна задати висоту списку в рядках.

Нижче ми призвели приклад використання оператора <SELECT>:

<SELECT NAME="number">

<ОРТIОN>Перший

<OPTI0N SELЕСТЕD>Другий

<ОРТI0N>Третій

<OРТI0N>Останній

</SELECT>

Для запису рядків у список тут використовується оператор <OPTION>. Рядок, відзначений параметром SELECTED, буде обрана в списку по умовчанню.