Форми у вебсайтах
Так. Інтернет об’єднав мільйони цифрових документів у цифрову мережу. Але що ще більш важливо, він об’єднав людей і дав їм можливість завантажувати в інтернет тексти, світлини та відео. Він дав нам можливість спілкуватись в цифровому вимірі. Саме можливість спілкування, обміну думками, створення та поширення змісту була одним з ключових факторів зростання популярності всесвітньої павутини, коли вона з’явилась.
І тому елементи, що дозволили сайтам забезпечити можливість спілкування, є вкрай важливими в циклі матеріалів про анатомію вебсайтів. Мова йде, звісно, про форми.
Форми та їхні складові
Що таке форма
У фізичному світі, коли ми в контексті документу кажемо слово «форма», то уявляємо щось на зразок:
![](/image/wide/cfe850ad-c126-4ee1-86a5-cfde736987bf.png)
Як правило, форма — це нудний, об’ємний, написаний формальною мовою бюрократичний інструмент інтелектуальних тортур. Але разом із тим, це спосіб збирати типову інформацію у структурований спосіб. Ідея форми певного стандарту полягає в тому, що в ній буде визначена кількість полів, всі вони будуть завжди однаковими та розташовані у встановленому порядку. Тобто, паперова форма — це сукупність полів інформації. До речі, виборчий бюлетень — це теж паперова форма, але простіша.
![](/image/wide/c5ae5090-0545-4689-9bfe-2853be70d77a.png)
Стандартна структура форм дозволяла згодом фахівцю, до якого ці паперові форми надходили, переносити їхній зміст в паперовий каталог, в якому інформація, зібрана з усіх форм, зберігалась у вигляді таблиці. Згодом, з появою комп’ютерів, паперові таблиці перетворились на цифрові, але суть процесу не змінилась — стандартна форма допомагала збирати дані в такому вигляді, щоб їх було легко переносити у таблицю. Оці от таблиці з даними ще називають базами даних.
![](/image/wide/7dca8847-38f6-4aa3-b39e-785ddeb2b5f1.png)
Такі структуровані бази даних дозволяли полегшити роботу з великими масивами інформації, впорядковувати її. І попри бюрократизм процесів, що супроводжували заповнення форм, у разі звернення до довідкової служби за інформацією стосовно адреси якоїсь установи або ж про конкретного фахівця, можна було досить швидко все з’ясувати.
![](/image/wide/386d4abd-9402-49a3-93cc-0ade259d2ea4.png)
Саме паперові форми були пращурами форм цифрових.
Загальна ідея тут збереглась, форма — це сукупність стандартних полів інформації. Але в цифрових формах на додачу до процесу заповнення є ще й відправлення форми. Воно відбувається, коли ви натискаєтена пов’язану з формою кнопку.
Тобто, якщо раніше якийсь фахівець переносив заповнені форми у паперову чи цифрову таблицю власноруч, то форми вебсайтів за допомогою засобів програмування дозволяли робити це автоматично.
![](/image/wide/36cff2ae-8433-471e-8d57-f9b65f16211d.png)
Причому автоматизація цього процесу дозволила не лише суттєво полегшити та пришвидшити процес наповнення баз даних, але й процес отримання даних з цієї бази.
Тобто цифрові форми можуть слугувати як для передачі якоїсь інформації, так і для її отримання. Наприклад, форма замовлення на сайті інтернет-магазину передає інформацію стосовно замовника, товару, що його цікавить, адреси доставки товару та статусу оплати. Після відправлення цієї форми зазначена інформація збережеться в базі даних інтернет-магазину.
![](/image/wide/21c1c495-1f6a-4e55-b88a-336a3d9f52ce.png)
Ще один приклад форми — це поле вводу на сайті Google. В ньому ви вказуєте будь-яку інформацію і отримуєте відповідний запиту зміст.
![](/image/wide/83c41492-2794-4ee6-86cb-ef9102cdec31.png)
Якщо узагальнити, можна сказати, що цифрові форми — це засіб для передачі та отримання інформації. Власне, спілкування з вебсайтом або з іншими інтернет-користувачами.
У вебсайтах всі форми загортаються у тег <form>.
Тепер спробуймо з’ясувати, з яких елементів складаються форми.
This article not available in free version
![](https://cdn.cases.media/image/thumbnail/case-teaser/7a3acdc7-d470-42ec-ae98-101cb4cce8c4.png)