## Завдання
Створення HTML-форми для збору інформації про користувача за допомогою полів введення та відповідних міток.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPlBlcnNvbmFsIEluZm9ybWF0aW9uIEZvcm08L3RpdGxlPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGgyPlVzZXIgSW5mb3JtYXRpb24gRm9ybTwvaDI+CgogICAgPCEtLSBTdGVwIDE6IFByb3ZpZGUgY29ycmVjdCBgaW5wdXRgIHR5cGVzIGZvciBlYWNoIGNhc2UuIC0tPgoKICAgIDwhLS0gCiAgICAgIFN0ZXAgMjogRW5zdXJlIHRoYXQgZWFjaCBpbnB1dCBmaWVsZCBoYXMgYSB1bmlxdWUgYGlkYCBhdHRyaWJ1dGUKICAgICAgYW5kIGVhY2ggYDxsYWJlbD5gIGVsZW1lbnQgaGFzIGEgYGZvcmAgYXR0cmlidXRlCiAgICAgIHRoYXQgbWF0Y2hlcyB0aGUgYGlkYCBvZiBpdHMgYXNzb2NpYXRlZCBpbnB1dCBmaWVsZC4KICAgICAtLT4KICAgIDxmb3JtIG9uc3VibWl0PSJyZXR1cm4gZmFsc2UiPgogICAgICA8bGFiZWwgZm9yPSJuYW1lLWZpZWxkIj5OYW1lOjwvbGFiZWw+CiAgICAgIDwhLS0gQWRkIGEgdGV4dCBpbnB1dCAtLT4KICAgICAgPGlucHV0IHR5cGU9Il9fX19fIiBpZD0ibmFtZS1maWVsZCIgcmVxdWlyZWQgbmFtZT0ibmFtZSIgLz48YnIgLz4KCiAgICAgIDxsYWJlbCBmb3I9ImVtYWlsLWZpZWxkIj5FbWFpbDo8L2xhYmVsPgogICAgICA8IS0tIEFkZCBhbiBlbWFpbCBpbnB1dCAtLT4KICAgICAgPGlucHV0IHR5cGU9Il9fX19fIiBpZD0iX19fX18iIHJlcXVpcmVkIG5hbWU9ImVtYWlsIiAvPjxiciAvPgoKICAgICAgPGxhYmVsIGZvcj0iX19fX18iPl9fX19fOjwvbGFiZWw+CiAgICAgIDwhLS0gQWRkIGEgcGFzc3dvcmQgaW5wdXQgLS0+CiAgICAgIDxpbnB1dCB0eXBlPSJfX19fXyIgaWQ9InBhc3N3b3JkLWZpZWxkIiByZXF1aXJlZCBuYW1lPSJwYXNzd29yZCIgLz48YnIgLz4KCiAgICAgIDxsYWJlbCBmb3I9ImJpcnRoZGF0ZS1maWVsZCI+QmlydGggZGF0ZTo8L2xhYmVsPgogICAgICA8IS0tIEFkZCBhIGRhdGUgaW5wdXQgLS0+CiAgICAgIDxpbnB1dCB0eXBlPSJfX19fXyIgaWQ9ImJpcnRoZGF0ZS1maWVsZCIgcmVxdWlyZWQgbmFtZT0iYmlydGhkYXRlIiAvPjxiciAvPgoKICAgICAgPGJ1dHRvbiB0eXBlPSJzdWJtaXQiPlNlbmQgZm9ybTwvYnV0dG9uPgogICAgPC9mb3JtPgoKICAgIDwhLS0gVGhlIHNjcmlwdCBpcyBhZGRlZCBvbmx5IGZvciBkZW1vbnN0cmF0aW9uIHB1cnBvc2VzIC0tPgogICAgPHNjcmlwdCBzcmM9ImluZGV4LmpzIj48L3NjcmlwdD4KICA8L2JvZHk+CjwvaHRtbD4=

Y29uc3QgZm9ybSA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoImZvcm0iKTsKCmZvcm0uYWRkRXZlbnRMaXN0ZW5lcigic3VibWl0IiwgKGV2ZW50KSA9PiB7CiAgZXZlbnQucHJldmVudERlZmF1bHQoKTsKCiAgLy8gQWNjZXNzaW5nIGZvcm0gaW5wdXQgdmFsdWVzCiAgY29uc3QgbmFtZUlucHV0ID0gZm9ybS5lbGVtZW50c1sibmFtZSJdLnZhbHVlOwogIGNvbnN0IGVtYWlsSW5wdXQgPSBmb3JtLmVsZW1lbnRzWyJlbWFpbCJdLnZhbHVlOwogIGNvbnN0IHBhc3N3b3JkSW5wdXQgPSBmb3JtLmVsZW1lbnRzWyJwYXNzd29yZCJdLnZhbHVlOwogIGNvbnN0IGJpcnRoZGF5SW5wdXQgPSBmb3JtLmVsZW1lbnRzWyJiaXJ0aGRhdGUiXS52YWx1ZTsKCiAgLy8gRGlzcGxheWluZyBmb3JtIGlucHV0IHZhbHVlcyBpbiBhbiBhbGVydAogIGFsZXJ0KAogICAgIk5hbWU6ICIgKwogICAgICBuYW1lSW5wdXQgKwogICAgICAiXG5FbWFpbDogIiArCiAgICAgIGVtYWlsSW5wdXQgKwogICAgICAiXG5QYXNzd29yZDogIiArCiAgICAgIHBhc3N3b3JkSW5wdXQgKwogICAgICAiXG5CaXJ0aGRheTogIiArCiAgICAgIGJpcnRoZGF5SW5wdXQKICApOwoKICAvLyBDbGVhcmluZyBmb3JtIGZpZWxkcwogIGZvcm0ucmVzZXQoKTsKfSk7

## Підказка
- Крок 1: Вкажіть правильні атрибути для кожного поля введення, дотримуючись цих інструкцій:
     - Використовуйте атрибут `type="text"` для поля імені;
     - Використовуйте атрибут `type="email"` для поля електронної пошти;
     - Використовуйте атрибут `type="password"` для поля пароля;
     - Використовуйте атрибут `type="date"` для поля дати народження.
- Крок 2: Переконайтеся, що кожне поле введення правильно пов'язане з відповідною міткою, дотримуючись цих інструкцій:
   - Для поля введення з `id="name-field"` відповідна мітка повинна мати `for="name-field"`;
   - Для поля введення з `id="email-field"` відповідна мітка повинна мати `for="email-field"`;
   - Для поля введення з `id="password-field"` відповідна мітка повинна мати `for="password-field"`;
   - Для поля введення з `id="birthdate-field"` відповідна мітка повинна мати `for="birthdate-field"`.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPlBlcnNvbmFsIEluZm9ybWF0aW9uIEZvcm08L3RpdGxlPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGgyPlVzZXIgSW5mb3JtYXRpb24gRm9ybTwvaDI+CgogICAgPCEtLSBTdGVwIDE6IFByb3ZpZGUgY29ycmVjdCBgaW5wdXRgIHR5cGVzIGZvciBlYWNoIGNhc2UuIC0tPgoKICAgIDwhLS0gCiAgICAgIFN0ZXAgMjogRW5zdXJlIHRoYXQgZWFjaCBpbnB1dCBmaWVsZCBoYXMgYSB1bmlxdWUgYGlkYCBhdHRyaWJ1dGUKICAgICAgYW5kIGVhY2ggYDxsYWJlbD5gIGVsZW1lbnQgaGFzIGEgYGZvcmAgYXR0cmlidXRlCiAgICAgIHRoYXQgbWF0Y2hlcyB0aGUgYGlkYCBvZiBpdHMgYXNzb2NpYXRlZCBpbnB1dCBmaWVsZC4KICAgICAtLT4KICAgIDxmb3JtIG9uc3VibWl0PSJyZXR1cm4gZmFsc2UiPgogICAgICA8bGFiZWwgZm9yPSJuYW1lLWZpZWxkIj5OYW1lOjwvbGFiZWw+CiAgICAgIDwhLS0gQWRkIGEgdGV4dCBpbnB1dCAtLT4KICAgICAgPGlucHV0IHR5cGU9InRleHQiIGlkPSJuYW1lLWZpZWxkIiByZXF1aXJlZCBuYW1lPSJuYW1lIiAvPjxiciAvPgoKICAgICAgPGxhYmVsIGZvcj0iZW1haWwtZmllbGQiPkVtYWlsOjwvbGFiZWw+CiAgICAgIDwhLS0gQWRkIGFuIGVtYWlsIGlucHV0IC0tPgogICAgICA8aW5wdXQgdHlwZT0iZW1haWwiIGlkPSJlbWFpbC1maWVsZCIgcmVxdWlyZWQgbmFtZT0iZW1haWwiIC8+PGJyIC8+CgogICAgICA8bGFiZWwgZm9yPSJwYXNzd29yZC1maWVsZCI+UGFzc3dvcmQ6PC9sYWJlbD4KICAgICAgPCEtLSBBZGQgYSBwYXNzd29yZCBpbnB1dCAtLT4KICAgICAgPGlucHV0IHR5cGU9InBhc3N3b3JkIiBpZD0icGFzc3dvcmQtZmllbGQiIHJlcXVpcmVkIG5hbWU9InBhc3N3b3JkIiAvPjxiciAvPgoKICAgICAgPGxhYmVsIGZvcj0iYmlydGhkYXRlLWZpZWxkIj5CaXJ0aCBkYXRlOjwvbGFiZWw+CiAgICAgIDwhLS0gQWRkIGEgZGF0ZSBpbnB1dCAtLT4KICAgICAgPGlucHV0IHR5cGU9ImRhdGUiIGlkPSJiaXJ0aGRhdGUtZmllbGQiIHJlcXVpcmVkIG5hbWU9ImJpcnRoZGF0ZSIgLz48YnIgLz4KCiAgICAgIDxidXR0b24gdHlwZT0ic3VibWl0Ij5TZW5kIGZvcm08L2J1dHRvbj4KICAgIDwvZm9ybT4KCiAgICA8IS0tIFRoZSBzY3JpcHQgaXMgYWRkZWQgb25seSBmb3IgZGVtb25zdHJhdGlvbiBwdXJwb3NlcyAtLT4KICAgIDxzY3JpcHQgc3JjPSJpbmRleC5qcyI+PC9zY3JpcHQ+CiAgPC9ib2R5Pgo8L2h0bWw+

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

Master the essentials of HTML to build well-structured and accessible web content. Learn how to structure documents using tags, elements, and attributes. Work confidently with text, lists, images, audio, and video to enrich web pages. Create tables for organized data and forms for user input and interaction. Discover semantic HTML to enhance accessibility and build complete, functional website structures from the ground up.

Завдання: Застосування Елементів Введення та Міток у Формах

Завдання

Підказка