## Opgave
Opret en HTML-formular til at indsamle brugerfeedback. Bed brugerne om at indtaste deres navne og kommentarer. I denne øvelse inkluderer vi JavaScript-scriptet udelukkende til demonstrationsformål. Når du er færdig, skal du kunne indtaste og indsende feedbackformularens data, som derefter vises i browserens vindue.

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

Y29uc3QgZm9ybSA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoImZvcm0iKTsKCmZvcm0uYWRkRXZlbnRMaXN0ZW5lcigic3VibWl0IiwgKGV2ZW50KSA9PiB7CiAgZXZlbnQucHJldmVudERlZmF1bHQoKTsKCiAgLy8gQWNjZXNzaW5nIGZvcm0gaW5wdXQgdmFsdWVzCiAgY29uc3QgbmFtZUlucHV0ID0gZm9ybS5lbGVtZW50c1sibmFtZSJdLnZhbHVlOwogIGNvbnN0IGNvbW1lbnRzSW5wdXQgPSBmb3JtLmVsZW1lbnRzWyJjb21tZW50cyJdLnZhbHVlOwoKICAvLyBEaXNwbGF5aW5nIGZvcm0gaW5wdXQgdmFsdWVzIGluIGFuIGFsZXJ0CiAgYWxlcnQoIk5hbWU6ICIgKyBuYW1lSW5wdXQgKyAiXG5Db21tZW50czogIiArIGNvbW1lbnRzSW5wdXQpOwoKICAvLyBDbGVhcmluZyBmb3JtIGZpZWxkcwogIGZvcm0ucmVzZXQoKTsKfSk7

## Tip
- Trin 1: Opret formularstrukturen ved hjælp af `<form>`-tagget.
- Trin 2: Tilføj et `<button>`-element med `type="submit"` for at muliggøre indsendelse af feedback.

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

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: Opbyg en Webformular

Opgave

Tip