Тема: ФОРМИ ДЛЯ ОДЕРЖАННЯ ІНФОРМАЦІЇ ВІД КОРИСТУВАЧА
Мета: Опанувати технологію створення форм для інтерактивної взаємодії з користувачем.
Теоретичні відомості.
Одним із способів привернення уваги до 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>
Другие работы по теме:
Відображення завантаженості мережі
Структура та функціонування модуля відображення завантаженості мережі для системи тестування SQL-серверів. Опис основних складових комплексу та їх зв’язок між собою. Призначення та можливості окремих частин системи. Формати вхідних та вихідних даних.
Створення структури бази даних. Робота з даними в MS Access
Персональна СУБД Microsoft Access як засіб управління базами даних. Ознайомлення із її основними функціями – зберіганням і видобуванням даних, представленням інформації в зручному для користувача вигляді. Принципи розробки та роботи з даною програмою.
Статистика на сайті
Порядок розробки спеціальної програми-лічильника для підрахування кількості людей, що відвідали сайт, значення даного скрипта для діяльності власника сайту. Опис вигляду лічильника в браузері, його структура та основні елементи, принцип і зміст роботи.
Редактор mp3 тегів
Обробка інформації. Формат мр3. Створення, або редагування мр3 тегов за допомогою програми Tag Reader. Уніфікована мова моделювання. Графічні діаграми UML. Діаграма діяльності, послідовності, кооперації, компонентів, розгортання. Програмне забезпечення.
Інтерполювання функцій за формулою Лагранжа
Вираз інтерполяційного многочлена Лагранжа. Методи математичного пакету MathCad. Графічне зображення лінійної інтерполяції. Схема алгоритму прикладної програми lagr.pas. Лістинг модуля користувача та програмного модуля. Результат роботи програми lagr.pas.
Верифікація послідовного порту
Загальний опис алгоритмів головної програми та процедур запису і зчитування повідомлень на рівні блок-схем, детальний опис розробленої програми на рівні програмного коду. Характеристика процедури відображення стану регістрів. Опис екранних форм програми.
Верифікація 3d зображень на основі фотографій
Розробка та використання програми для пришвидшення процесу перетворення двомірного зображення у об'ємне. Методика та процес випробовування для виявлення та усунення недоліків в роботі програми. Інтерфейс програми, встановлення параметрів зображення.
Принципи роботи із засобами Web-сервісу
Особливості експлуатації протоколу HTML (гіпертексту). Засоби обміну інформацією у ньому і підготовка даних у форматі HTML з використанням розширених засобів форматування даних. Основи використання таблиць каскадних стилів і активних елементів JavaScript.
Тексти для веб-сторінок
Реферат з журналістики Написання текстів для веб-сторінок на 90% складається з маркетингу та на 10% — з технічних деталей. Користувачі Internet більш за все цінують інформацію, але основним витоком інформаційних веб-сторінок є саме текст. Розміщені користувачами на серверах тексти повинні бути менш красномовними, ніж прес-релізи.
Сервісне програмне забезпечення Інтерфейс користувача
Сервісне програмне забезпечення Інтерфейс користувача Будь-яку прикладну програму розробляють для широкого кола користувачів і вона повинна мати прості та зручні засоби взаємозв'язку з нею. Ці засоби називають інтерфейсом користувача.
АРМ Колекціонера марок
урсова робота по предмету „Комп’ютеризоване Програмування Інтерфейсів Користувачів” на тему „АРМ – Колекціонера марок” Зміст: Вступ Загальна характеристика предметної області та мети створення додатку
Послуги які надає мережа Internet
Реферат на тему: Послуги, які надає мережа Internet Усі послуги надані мережею Internet можна умовно поділити на двох категорій: обмін інформацією між абонентами мережі і використання баз дані мережі.
Розмови по телефону
Реферат на тему: Розмови по телефону 1.Функцінальне призначення розмови по телефону як форми спілкування 2.Рекомендації щодо технології спілкування по телефону
Приєднання гіперпосилань до об єкту Опис дій для приєднання гіперпосилань до об єкту
: Навчитися приєднувати гіперпосилання до об’єкту. Хід роботи: Гіперпосиланням називають виділений фрагмент, у разі натискування на який здійснюється переміщення до потрібного місця документа (зазвичай, для отримання детальнішої інформації). У Web – сторінках гіперпосилання є поширеною функцією, це пов’язано, перш за все, з можливістю шукання потрібної інформації.
Договір щодо надання рекламних послуг
м. ____________ "____" ___________ 199 ___ р. РЕКЛАМІСТ: _____________________________________________________________, в особі _______________________________________________________________________, що діє на підставі ______________________________________________________________,
Табличний процесор Microsoft Excel для Windows
Табличний процесор Microsoft Excel Windows Встановлення та запуск Microsoft Excel Для встановлення табличного процесора Microsoft Excel (далі просто Excel) в Windows-95 слід виконати команду Пуск/Настройка/Панель управления. Потім на панелі управління слід вибрати елемент Установка и удаление программ, поставити першу дискету або компакт-диск у накопичувач і натиснути кнопку Установить.
Формування використання і структура масиву штатного розпису підприємства
Реферат на тему: При організації раціонального варіанту внутрішньомашинної інформаційної бази даних по штатному розпису, яка найбільш повно відбиває специфіку кадрового забезпечення, перед розробниками постають вимоги до організації масивів, які можуть бути суперечливими. До них належать:
Операційні системи види структура склад
Реферат на тему: Характеристики операційних систем Різні операційні системи, до яких відносять OC MS-DOS, OC Windows, OC Linux, OC Unix та багато інших не таких популярних, використовують ті чи інші можливості обслуговування компонентів комп’тера і організації діалогу з користувачем. До числа основних характеристик операційних систем відносяться: розрядність, підтримка багатопроцесорності, багатозадачності, підтримка багатокористу-вацького режиму.