Форми для одержання інформації від користувача Опис основних тегів для встановлення та використ

[ виправити ] текст може містити помилки, будь ласка перевіряйте перш ніж використовувати.

скачати

Тема: ФОРМИ ДЛЯ ОДЕРЖАННЯ ІНФОРМАЦІЇ ВІД КОРИСТУВАЧА

Мета: Опанувати технологію створення форм для інтерактивної взаємодії з користувачем.

Теоретичні відомості.

Одним із способів привернення уваги до Web-сторінок є введення до них елементів інтерактивності, яке передбачає обмін інформацією між користувачем і сервером. Одним із засобів, за допомогою яких на сервер подається інформація про запити користувача, є HTML-форми і сценарії Common Gatewey Interfase (CGI) -спільний інтерфейс шлюзів. Форми в Internet Explorer нагадують бланки і складаються з полів для введення текстової інформації, списків вибору варіантів і можливих опцій. За допомогою форм і завдяки механізму CGI-сценаріїв автори Web-сторінок можуть задавати певні питання користувачу і одержувати від нього відповіді. Форми можуть бути діловими або неформальними, залежно від потреб.

Теги форми

<FORM>....</FORM> Визначає початок і кінець форми, як і куди буде відправлено інформацію, вказану в ній.
<TEXTAREA>...</TEXTAREA> Текстове поле введення.
<SELECT>...</SELECT> Вибір із меню.

<INPUT>...</INPUT> Кнопки команд.

Теги <TEXTAREA>, <SELECT>, <INPUT> повинні бути виз­начені всередині пари тегів <FORM>....</FORM>.

Атрибути тага <FORM>

ACTION METHOD=GET| POST Визначає адресу URL, за якою надсилається введена у форму інформація. Визначає, як інформація, що зібрана формою, надсилається за URL-адресою. Визначається CGI-сценарієм

Tег <INPUT> можна застосовувати для різних способів організації графічного інтерфейсу з користувачем за рахунок використання таких елементів вікна введення тексту: прапорці, перемикачі і меню. Тип введення визначається атрибутом ТУРЕ.

Типи полів тега <INPUT>

Тип поля Вид тега

Вікно для введення тексту <INPUT TYPE="TEXT'>

Вікно для введення пароля <INPUTTYPE=TASSWORD">

Прапорець <INPUT TYPE="CHECKBOX">

Перемикач <INPUTTYPE="RADIO">

Файл <INPUT TYPE=HIDDEN”>

Невидима зона <INPUTTYPE="FILE">

Текстове вікно <TEXTAREA>... </TEXTAREA>

Меню <SELECT>...<OPTIONS>...</SELECT>

Типи TEXT і PASSWORD схожі і створюють текстове none для введення з одним рядком. Тип PASSWORD відображає текст, що вводиться у вигляді зірочок ****.

Якщо у тега <INPUT> значенням атрибута TYPE є TEXT, повинно бути визначене значення NAME, а також SIZE, MAXLENGTH, VALUE.

Значення атрибута TEXT

SIZE Визначає ширину поля введення тексту.

MAXLENGTH Визначає максимальну кількість символів, яке користувач може ввести у цьому полі.

VALUE Визначає задане за замовчуванням значення поля (або не застосовується взагалі).

Багаторядкові текстові поля введення

Багаторядкове поле створюється за допомогою тега

<TEXTAREA>. </TEXTAREA>, який задає розміри текстового вікна.

Синтаксис тега:

<TEXTAREA NAME= «Name» [ROWS= «rows»] [C01S= «columns»]>

Пояснювальний текст до використання вікна </TEXTAREA>

Атрибут NAME надає вікну унікальний ідентифікатор, ROWS і COLS визначають розмір поля перегляду у вікні броузера.

Створення меню у формах

Меню у формах створюється за допомогою використання конвейерного тега <SELECT>... <OPTIONS>... </SELECT>

Синтаксис тега такий:

<SELECT NAME =«Name» [SIZE=«Size» [MULTIPLE]>

OPTIONS [SELECTED]> Options 1

OPTIONS [SELECTED]> Options 1

OPTIONS [SELECTED]> Options 1

</SELECT>

Атрибут SIZE визначає число пунктів меню, які будуть показані на сторінці броузера. При вміщенні більш ніж однієї опції вибору необхідно включити атрибут MULTIPLE. Кожний пункт меню визначається тегом OPTIONS. Якщо один з пунктів повинен бути обраний за замовчуванням, для нього слід вказати атрибут SELECTED.

Типи введення

Тип введення RESET дозволяє створити на екрані кнопку, яка очищає форму і повертає всі установки до їхніх початкових значень за замовчуванням. Атрибутом VALUE визначається текст, який буде написаний на кнопці. Якщо цей атрибут відсутній, на кнопці буде напис «Reset».

Тип SUBMIT збирає дані і надсилає Web-серверу для обробки, Кнопку SUBMIT повинна мати кожна форма. Атрибут VALUE визначає текст, який буде написаний на кнопці. Якщо цей атрибут відсутній, на кнопці буде напис «SubmitQuery».

ПРИКЛАД

Файл у форматі HTML:

<HTML>

<НЕАD><ТITLЕ>Моя перша HTML-Сторінка</TITLE>

</HEAD>

<BODY>

<FORM ACTION=«HTTP://WWW.SERVER.COM/CGI-BIW USERINFO. CGI» METHOD=«POST»>

Ім`я: <INPUT TYPE=«TEXT» NAME=«FULINAME» SIZE=30> <BR>

E-mail:<INPUTTYPE=«TEXT» NAME=«EMAIL»SIZE=30> <BR>

<P> <HR></P>

Зазначте тип операційної системи, з якою Ви постійно працюєте <BR>

<INPUT TYPE=«CHECKBOX» NAME= «Windows» VALUE = «YES» CHEKED>Windows or DOS <BR>

<INPUT TYPE=«CHECKBOX»NAME=«MAC»VALUE=«YES»

CHEKED> MAC <BR>

<INPUT TYPE=« CHECKBOX» NAME=«UNIX»VALUE=«YES» CHEKED>UNIX <BR>

<TEXTAREA NAME=«COMMENTS»COLS=80>

Повідомте Вашу думку щодо інформаційного наповнення сайту

</TEXTAREA>

<INPUT TYPE=button VALUE=«Biдмінити»>

<INPUT TYPE=button VALUE-«Haдіслати»>

</FORM>

</BODY>

</HTML>

Додати в блог або на сайт

Цей текст може містити помилки.

Астрономія | Реферат
32.4кб. | скачати


Схожі роботи:
Використання скриптів Java у документі Опис основних тегів для введення скриптів у документ
Використання фреймів у HTML документі Опис тегів для вкладення та управління фреймами у докумен
Використаня звуку у HTML документі Опис тегів для використання звуку у HTML документах
Тестування для користувача інтерфейсу
Проектування обчислювальної мережі для збору інформації від підприємств про споживання електроенергії
Основи мови HTML Опис основних тегів мови початок кінець документу назва документу
Основні теги заголовків документу Опис основних тегів заголовків документу розмір заголовків
Утилізація обпалювальне пилу для одержання цементу
Переробка автомобільного брухту для одержання сталі
© Усі права захищені
написати до нас