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


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 tilsvarende label have `for="name-field"`;
   - For inputfeltet med `id="email-field"` skal den tilsvarende label have `for="email-field"`;
   - For inputfeltet med `id="password-field"` skal den tilsvarende label have `for="password-field"`;
   - For inputfeltet med `id="birthdate-field"` skal den tilsvarende 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.

Få en introduktion til internettet og HTML, herunder betydningen af tags, elementer og attributter. Lær om den grundlæggende struktur af et HTML-dokument samt en kort historie om internettet.

Behersk det grundlæggende i HTML-markup med fokus på særlig tekstformatering og lister samt forstå deres betydning for strukturering af indhold i et HTML-dokument. Udforsk detaljerne i HTML-dokumentets struktur, mens du forfiner teknikker til tekstmarkup.

Udnyt potentialet i visuelt og auditivt indhold i webudvikling ved at lære at integrere billeder, video- og lyd-elementer problemfrit i HTML-dokumenter. Udforsk nuancerne ved at inkludere forskellige medieformater.

Naviger i kompleksiteten ved datapræsentation og brugerinteraktion med en omfattende gennemgang af tabeller og formularer i HTML, herunder tabelstrukturer, oprettelse af formularer og inputelementer. Opnå færdigheder i implementering af inputelementer i formularer og udnyttelse af attributter for øget funktionalitet.

Forbedr dine HTML-færdigheder ved at udforske semantiske HTML-elementer, hvilket muliggør oprettelse af velstruktureret og tilgængeligt webindhold. Begynd at opbygge dit første website og anvend den nye viden til at realisere dine idéer.

Udfordring: Anvend Formularinput og Etiketter

Opgave

Tip

Awesome!

Udfordring: Anvend Formularinput og Etiketter

Opgave

Tip