Ема. Загальні принципи створення Web-сайтів з використанням мови HTML. Робота з формою.

Мета. Оволодіти навичками для створення Web-сайтів з використанням мови HTML. Розглянути теги, які призначені для роботи з формами.

Програмне забезпечення.Операційна система Windows, Internet Explorer.

Форма — це інструмент, за допомогою якого Html-документ може послати деяку інформацію в якусь заздалегідь визначену точку зовнішнього світу, де інформація буде деяким чином оброблена. Html-документ може містити в собі кілька форм, однак форми не повинні перебувати одна усередині іншої. Html-текст, включаючи мітки, може розміщатися усередині форм без обмежень.

Форми в Html-Документі призначені для передачі даних на Web-Сервер, де вони обробляються CGI - програмою, або для пересилання інформації по електронній пошті. Форми Html-Документа можна порівняти із різними бланками й анкетами в нашому звичайному житті: при прийманні на роботу, оплаті рахунків тощо. В основному при розробці веб-сайтів використовуються форми для різних реєстрацій, опитувань і запитів. За допомогою форм реалізується елементарний діалог між користувачем Інтернету та сервером.

Приклад створення форми

Методичні вказівки

1. Разом з викладачем розгляньте синтаксис тегів які призначені для створення форми (таб. 8).

Таблиця 8. Синтаксис тегів для роботи з формою

Ім’я тегу	Призначення тегу, атрибути
<FORM> </ FORM >	служить для створення форми. Між початковим і кінцевим тегами містяться всі теги й елементи, що беруть участь у побудові форми Атрибути action – єдиний обов’язковий тег. задає URL-адресу електронної пошти або CGI-програми, яка буде обробляти данні форми. name – задає ім’я форми. Використовується при наявності декількох форм method - задає спосіб відправки даних. Можливі значення: get (за умовчанням) і post.
<INPUT>	для створення у формі елементів (полів введення інформації, кнопок, прапорців, перемикачів) Атрибути name –унікальне ім’я поля введення size -задає URL-адресу програми, яка буде обробляти данні форми. maxlength -кількість символів, що можна ввести у поле value -привласнює значення атрибуту NAME, якщо даний перемикач або прапорець буде обрано. сhecked-дозволяє обрати прапорець або перемикач password –створює поле для введення паролю, в якому інформація, що уводиться користувачем відображується у вигляді зірочок type -визначає тип елемента управління та може приймати наступні значення: text - елемент управління є однорядковим текстовим полем radio - перемикач checkbox - прапорець reset - командна кнопка button - командна кнопка submit - командна кнопка, при клацанні на яку викликається певна програма обробки даних форми або здійснюється перехід по визначеній URL-адресі.
<SELECT>	для створення списків Атрибути name –ім’я списку size –задає кількість елементів
<OPTION>	відокремлює створені елементи списки Атрибути selected-задає початкове обране слово value - задає значення обраного слова для сценарію
<TEXTAREA>	для створення області у вигляді прямокутника для вводу декількох рядків тексту Атрибути name –задає назву області rows – задає висоту області в кількості рядків cols - задає ширину області в кількості печатних символів.