## Завдання
Створити HTML-форму для збору відгуків користувачів. Запропонувати користувачам ввести свої імена та коментарі. У цій вправі ми додамо JavaScript-скрипт лише для демонстрації. Після виконання завдання ви зможете вводити та надсилати дані форми з відгуками, які будуть відображатися у вікні браузера.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPlVzZXIgRmVlZGJhY2sgRm9ybTwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+VXNlciBGZWVkYmFjayBGb3JtPC9oMT4KICAgIAogICAgPCEtLSBTdGVwIDE6IENyZWF0ZSB0aGUgZm9ybSBzdHJ1Y3R1cmUgLS0+CiAgICA8X19fX18gb25zdWJtaXQ9InJldHVybiBmYWxzZSI+CiAgICAgIDxsYWJlbCBmb3I9Im5hbWUtZmllbGQiPk5hbWU6PC9sYWJlbD4KICAgICAgPGlucHV0IHR5cGU9InRleHQiIGlkPSJuYW1lLWZpZWxkIiBuYW1lPSJuYW1lIiBwbGFjZWhvbGRlcj0iWW91ciBuYW1lIiByZXF1aXJlZCAvPjxiciAvPgogICAgICA8bGFiZWwgZm9yPSJjb21tZW50cy1maWVsZCI+Q29tbWVudHM6PC9sYWJlbD4KICAgICAgPGlucHV0IHR5cGU9InRleHQiIGlkPSJjb21tZW50cy1maWVsZCIgbmFtZT0iY29tbWVudHMiIHBsYWNlaG9sZGVyPSJZb3VyIGZlZWRiYWNrIiByZXF1aXJlZCAvPjxiciAvPgogICAgICAKICAgICAgPCEtLSBTdGVwIDI6IEFkZCBhIHN1Ym1pdCBidXR0b24gLS0+CiAgICAgIDxfX19fXyB0eXBlPSJfX19fXyI+U3VibWl0PC9fX19fXz4KICAgIDwvX19fX18+CgogICAgPCEtLSBUaGUgc2NyaXB0IGlzIGFkZGVkIG9ubHkgZm9yIHRoZSBkZW1vbnN0cmF0aW9uIHB1cnBvc2UgLS0+CiAgICA8c2NyaXB0IHNyYz0iaW5kZXguanMiPjwvc2NyaXB0PgogIDwvYm9keT4KPC9odG1sPg==

Y29uc3QgZm9ybSA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoImZvcm0iKTsKCmZvcm0uYWRkRXZlbnRMaXN0ZW5lcigic3VibWl0IiwgKGV2ZW50KSA9PiB7CiAgZXZlbnQucHJldmVudERlZmF1bHQoKTsKCiAgLy8gQWNjZXNzaW5nIGZvcm0gaW5wdXQgdmFsdWVzCiAgY29uc3QgbmFtZUlucHV0ID0gZm9ybS5lbGVtZW50c1sibmFtZSJdLnZhbHVlOwogIGNvbnN0IGNvbW1lbnRzSW5wdXQgPSBmb3JtLmVsZW1lbnRzWyJjb21tZW50cyJdLnZhbHVlOwoKICAvLyBEaXNwbGF5aW5nIGZvcm0gaW5wdXQgdmFsdWVzIGluIGFuIGFsZXJ0CiAgYWxlcnQoIk5hbWU6ICIgKyBuYW1lSW5wdXQgKyAiXG5Db21tZW50czogIiArIGNvbW1lbnRzSW5wdXQpOwoKICAvLyBDbGVhcmluZyBmb3JtIGZpZWxkcwogIGZvcm0ucmVzZXQoKTsKfSk7

## Підказка
- Крок 1: Створіть структуру форми за допомогою тега `<form>`.
- Крок 2: Додайте елемент `<button>` з атрибутом `type="submit"`, щоб дозволити надсилання відгуку.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPlVzZXIgRmVlZGJhY2sgRm9ybTwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+VXNlciBGZWVkYmFjayBGb3JtPC9oMT4KICAgIAogICAgPCEtLSBTdGVwIDE6IENyZWF0ZSB0aGUgZm9ybSBzdHJ1Y3R1cmUgLS0+CiAgICA8Zm9ybSBvbnN1Ym1pdD0icmV0dXJuIGZhbHNlIj4KICAgICAgPGxhYmVsIGZvcj0ibmFtZS1maWVsZCI+TmFtZTo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9Im5hbWUtZmllbGQiIG5hbWU9Im5hbWUiIHBsYWNlaG9sZGVyPSJZb3VyIG5hbWUiIHJlcXVpcmVkIC8+PGJyIC8+CiAgICAgIDxsYWJlbCBmb3I9ImNvbW1lbnRzLWZpZWxkIj5Db21tZW50czo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9ImNvbW1lbnRzLWZpZWxkIiBuYW1lPSJjb21tZW50cyIgcGxhY2Vob2xkZXI9IllvdXIgZmVlZGJhY2siIHJlcXVpcmVkIC8+PGJyIC8+CiAgICAgIAogICAgICA8IS0tIFN0ZXAgMjogQWRkIGEgc3VibWl0IGJ1dHRvbiAtLT4KICAgICAgPGJ1dHRvbiB0eXBlPSJzdWJtaXQiPlN1Ym1pdDwvYnV0dG9uPgogICAgPC9mb3JtPgoKICAgIDwhLS0gVGhlIHNjcmlwdCBpcyBhZGRlZCBvbmx5IGZvciB0aGUgZGVtb25zdHJhdGlvbiBwdXJwb3NlIC0tPgogICAgPHNjcmlwdCBzcmM9ImluZGV4LmpzIj48L3NjcmlwdD4KICA8L2JvZHk+CjwvaHRtbD4=

Опанування основ HTML для створення структурованого та доступного веб-контенту. Вивчення структурування документів за допомогою тегів, елементів і атрибутів. Робота з текстом, списками, зображеннями, аудіо та відео для збагачення веб-сторінок. Створення таблиць для впорядкованих даних і форм для введення та взаємодії користувачів. Ознайомлення з семантичним HTML для підвищення доступності та побудови повноцінних, функціональних структур веб-сайтів з нуля.

Ознайомлення з вебом та HTML, включаючи значення тегів, елементів і атрибутів. Вивчення базової структури HTML-документа та короткої історії вебу.

Опанування основ HTML-розмітки з акцентом на спеціальне форматування тексту та списки, розуміння їхньої ролі у структуризації контенту в HTML-документі. Занурення в особливості структури HTML-документа з удосконаленням технік розмітки тексту.

Відкрийте можливості візуального та аудіоконтенту у веб-розробці, навчаючись безперешкодно інтегрувати зображення, відео та аудіоелементи в документи HTML. Досліджуйте особливості використання різних форматів медіа.

Ознайомлення з особливостями представлення даних і взаємодії з користувачем завдяки детальному розгляду таблиць і форм у HTML, включаючи структури таблиць, створення форм і елементи введення. Формування навичок реалізації елементів введення у формах і використання атрибутів для розширення функціональності.

Поглиблення знань з HTML шляхом вивчення семантичних елементів HTML для створення структурованого та доступного веб-контенту. Створення першого вебсайту з використанням нових знань для реалізації власних ідей.

Завдання: Створення Веб-Форми

Завдання

Підказка

Awesome!

Завдання: Створення Веб-Форми

Завдання

Підказка