## Opgave 
Opret en HTML-formular til indsamling af brugeroplysninger ved hjælp af inputfelter og tilhørende labels.


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

Y29uc3QgZm9ybSA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoImZvcm0iKTsKCmZvcm0uYWRkRXZlbnRMaXN0ZW5lcigic3VibWl0IiwgKGV2ZW50KSA9PiB7CiAgZXZlbnQucHJldmVudERlZmF1bHQoKTsKCiAgLy8gQWNjZXNzaW5nIGZvcm0gaW5wdXQgdmFsdWVzCiAgY29uc3QgbmFtZUlucHV0ID0gZm9ybS5lbGVtZW50c1sibmFtZSJdLnZhbHVlOwogIGNvbnN0IGVtYWlsSW5wdXQgPSBmb3JtLmVsZW1lbnRzWyJlbWFpbCJdLnZhbHVlOwogIGNvbnN0IHBhc3N3b3JkSW5wdXQgPSBmb3JtLmVsZW1lbnRzWyJwYXNzd29yZCJdLnZhbHVlOwogIGNvbnN0IGJpcnRoZGF5SW5wdXQgPSBmb3JtLmVsZW1lbnRzWyJiaXJ0aGRhdGUiXS52YWx1ZTsKCiAgLy8gRGlzcGxheWluZyBmb3JtIGlucHV0IHZhbHVlcyBpbiBhbiBhbGVydAogIGFsZXJ0KAogICAgIk5hbWU6ICIgKwogICAgICBuYW1lSW5wdXQgKwogICAgICAiXG5FbWFpbDogIiArCiAgICAgIGVtYWlsSW5wdXQgKwogICAgICAiXG5QYXNzd29yZDogIiArCiAgICAgIHBhc3N3b3JkSW5wdXQgKwogICAgICAiXG5CaXJ0aGRheTogIiArCiAgICAgIGJpcnRoZGF5SW5wdXQKICApOwoKICAvLyBDbGVhcmluZyBmb3JtIGZpZWxkcwogIGZvcm0ucmVzZXQoKTsKfSk7

## Tip
- Trin 1: Angiv de korrekte attributter for hvert inputfelt ved at følge disse instruktioner:
     - Brug attributten `type="text"` til navnefeltet;
     - Brug attributten `type="email"` til e-mailfeltet;
     - Brug attributten `type="password"` til adgangskodefeltet;
     - Brug attributten `type="date"` til fødselsdagsfeltet.
- Trin 2: Sørg for, at hvert inputfelt er korrekt tilknyttet sin tilsvarende label ved at følge disse instruktioner:
   - For inputfeltet med `id="name-field"` skal den tilhørende label have `for="name-field"`;
   - For inputfeltet med `id="email-field"` skal den tilhørende label have `for="email-field"`;
   - For inputfeltet med `id="password-field"` skal den tilhørende label have `for="password-field"`;
   - For inputfeltet med `id="birthdate-field"` skal den tilhørende label have `for="birthdate-field"`.

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

Behersk det grundlæggende i HTML for at opbygge velstruktureret og tilgængeligt webindhold. Lær at strukturere dokumenter ved hjælp af tags, elementer og attributter. Arbejd sikkert med tekst, lister, billeder, lyd og video for at berige websider. Opret tabeller for organiserede data og formularer til brugerinput og interaktion. Opdag semantisk HTML for at forbedre tilgængelighed og opbygge komplette, funktionelle webstedsstrukturer fra bunden.

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.

Udfordring: Anvend Formularfelter og Etiketter

Opgave

Tip