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, буде обрана в списку по умовчанню.
- Тема I. Основи будови, функціонування та сервіси глобальної комп’ютерної мережі Інтернет
- 1. Загальна характеристика та етапи розвитку глобальної комп’ютерної мережі Інтернет
- 2. Інтернет з'єднання
- 2.1. Протоколи комп’ютерних мереж в Інтернеті
- 2.2. Локальна мережа (Local-area networks - laNs)
- 2.3. Глобальна мережа (Wide-area networks - waNs)
- 2.4. Віртуальні приватні мережі (Virtual private network - vpn)
- 2.4.1. Переваги використання віртуальних приватних мереж
- 3. Служби глобальної комп’ютерної мережі Інтернет
- 4. Мережні дані та класифікація комп’ютерних мереж
- 5. Мережні пристрої
- 5.1. Network interface card (nic) – мережний адаптер
- 5.2. Установка nic та модему
- 5.3. Мережні топології
- 6. Короткий огляд високошвидкісного і комутованого підключення
- 7. Опис tcp/ip. Тестування підключення за допомогою утиліти ping
- Список рекомендованих джерел інформації
- 1. Мережні моделі
- 1.1. Використання рівнів для опису передачі інформації
- 1.2. Модель osi
- 1.4. Однорангова модель взаємодії (peer-to-peer communications)
- 1.5. Модель tcp/ip
- 1.6. Складові процесу інкапсуляції
- 2. Система адресації комп’ютерів у мережі Інтернет
- 3. Ідентифікація комп’ютерів у мережі Інтернет за допомогою символьних імен - dns
- Список рекомендованих джерел інформації
- Тема III. Основи Web-дизайну
- 1.1. Концептуальна модель web
- 1.2. Характеристики World Wide Web
- 1.3. Організації www
- 2. Елементи Web - документів
- 2.1. Етапи розвитку мови html
- 2.2. Інші мови розмітки
- 2.3. Ієрархія dom
- 2.4. Структура html документа
- 2.5. Елементи, дескриптори і атрибути
- 2.6. Дескриптори, що визначають структуру html-документа
- 2.7. Включення зображень в Web-сторінку
- 2.8. Гіпертекстові посилання
- Зовнішній вид фрагмента коду html у вікні навігатора
- 2.9. Таблиці
- 2.10. Списки в html документі
- 2.11. Фрейми
- Список рекомендованих джерел інформації
- Тема III. Основи Web-дизайну
- 3.6. Поддержка стилей
- 3.6.1 Встраиваемые стили
- 3.6.2 Включаемые стили
- 3.6.3 Связываемые стили
- 3.6.4. Импортируемые стили и правило @import
- 4.1. Формати графічних файлів Web-сторінок
- 4.1.1. Формат jpeg
- 4.1.2. Формат gif
- 4.1.4. Який формат краще
- 4.2. Звук в документах html
- 5. Додатки cgi
- 5.1. Створення форм
- 5.1.1. Опис форми
- 5.1.2. Створення органів керування для форми
- 5.1.3. Приклад документа html із формою
- 5.2. Передача даних програмі cgi
- 5.2.1. Метод get
- 5.2.2. Метод post
- 5.2.3. Порівняння - get і post
- Список рекомендованих джерел інформації
- Лабораторна робота №1
- 2. Вміти використовувати мережні команди для одержання інформації про топологію та конфігурацію мережі, мережне обладнання робочих станцій та працездатність комп’ютерної мережі.
- 1. Визначення апаратного забезпечення робочої станції
- 2. Вивчення роботи мережних команд в режимі емуляції dos (командному рядку).
- Net send 15-09 Як справи, друже. Як працює мережа?
- 3. Дослідження підключення локальної мережі класу до глобальної мережі Internet.
- Ping.Exe -t ім’я робочої станції викладача
- Ping.Exe -l розмір пакету ім’я робочої станції
- Ping.Exe -w інтервал ім’я робочої станції
- 4. Висновки за результатами лабораторної роботи
- Лабораторна робота №2
- 2. Набуття навичок використання служби електронної пошти Інтернет із Web-інтерфейсом.
- 1. Створення облікового запису у програмі поштового клієнту ms Outlook Express:
- 2. Відправка повідомлень у програмі електронної пошти ms Outlook Express:
- 3. Прийом повідомлень у програмі електронної пошти ms Outlook Express:
- 4. Створення ієрархії папок для повідомлень.
- 5. Включення у повідомлення різних об’єктів.
- 6. Перегляд і збереження вкладених файлів.
- 7. Робота з адресною книгою.
- 8. Відправка кореспонденції із використанням Адресної книги.
- 9. Створення власного підпису.
- 10. Створення електронних листів із використанням вбудованих шаблонів.
- 11. Відповідь на електронні листи.
- 12. Робота з електронною поштою Web-базування:
- 13. Висновки за результатами лабораторної роботи.
- Лабораторна робота №2
- 2. Набуття навичок використання служби електронної пошти Інтернет із Web-інтерфейсом.
- 1. Створення облікового запису у програмі поштового клієнту ms Outlook Express:
- 2. Відправка повідомлень у програмі електронної пошти ms Outlook Express:
- 3. Прийом повідомлень у програмі електронної пошти ms Outlook Express:
- 4. Створення ієрархії папок для повідомлень.
- 5. Включення у повідомлення різних об’єктів.
- 6. Перегляд і збереження вкладених файлів.
- 7. Робота з адресною книгою.
- 8. Відправка кореспонденції із використанням Адресної книги.
- 9. Створення власного підпису.
- 10. Створення електронних листів із використанням вбудованих шаблонів.
- 11. Відповідь на електронні листи.
- 12. Робота з електронною поштою Web-базування:
- 13. Висновки за результатами лабораторної роботи.
- Лабораторна робота №4
- Вивчити структуру побудови та елементи html-документа.
- Вивчити застосування непарних міток та Esc-послідовностей у html-документах.
- Вивчити засоби та дескриптори фізичного форматування тексту в html-документах.
- Завдання
- Висновки за результатами роботи
- Контрольні питання
- Список рекомендованої літератури