## Aufgabe
Erstellen Sie ein HTML-Formular, um Benutzerfeedback zu sammeln. Fordern Sie die Benutzer auf, ihre Namen und Kommentare einzugeben. In dieser Übung werden wir das JavaScript-Skript nur zu Demonstrationszwecken einfügen. Nach Abschluss sollten Sie in der Lage sein, Feedback-Formulardaten einzugeben und zu senden, die dann im Browserfenster angezeigt werden.

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

Y29uc3QgZm9ybSA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoImZvcm0iKTsKCmZvcm0uYWRkRXZlbnRMaXN0ZW5lcigic3VibWl0IiwgKGV2ZW50KSA9PiB7CiAgZXZlbnQucHJldmVudERlZmF1bHQoKTsKCiAgLy8gQWNjZXNzaW5nIGZvcm0gaW5wdXQgdmFsdWVzCiAgY29uc3QgbmFtZUlucHV0ID0gZm9ybS5lbGVtZW50c1sibmFtZSJdLnZhbHVlOwogIGNvbnN0IGNvbW1lbnRzSW5wdXQgPSBmb3JtLmVsZW1lbnRzWyJjb21tZW50cyJdLnZhbHVlOwoKICAvLyBEaXNwbGF5aW5nIGZvcm0gaW5wdXQgdmFsdWVzIGluIGFuIGFsZXJ0CiAgYWxlcnQoIk5hbWU6ICIgKyBuYW1lSW5wdXQgKyAiXG5Db21tZW50czogIiArIGNvbW1lbnRzSW5wdXQpOwoKICAvLyBDbGVhcmluZyBmb3JtIGZpZWxkcwogIGZvcm0ucmVzZXQoKTsKfSk7

## Hinweis
- Schritt 1: Erstellen Sie die Formularstruktur mit dem `<form>`-Tag.
- Schritt 2: Fügen Sie ein `<button>`-Element mit `type="submit"` hinzu, um das Feedback abzusenden.

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

Beherrschen Sie die Grundlagen von HTML. Erkunden Sie alles, von der Webverständnis bis zu fortgeschrittenen HTML-Themen wie Listen, Links, Bilder, Medieneinbettung, Tabellen, Formulare und semantisches HTML, und erstellen Sie Ihre erste Website.

Erhalten Sie eine Einführung in das Web und HTML, einschließlich der Bedeutung von Tags, Elementen und Attributen. Lernen Sie die grundlegende Struktur eines HTML-Dokuments und die kurze Geschichte des Webs kennen.

Beherrschen Sie die Grundlagen der HTML-Auszeichnung, mit Schwerpunkt auf spezieller Textformatierung und Listen, und verstehen Sie deren Bedeutung bei der Strukturierung von Inhalten innerhalb eines HTML-Dokuments. Tauchen Sie in die Feinheiten der HTML-Dokumentstruktur ein, während Sie Ihre Techniken zur Textauszeichnung verfeinern.

Entfesseln Sie die Kraft von visuellen und auditiven Inhalten in der Webentwicklung, indem Sie lernen, Bilder, Video- und Audioelemente nahtlos in HTML-Dokumente zu integrieren. Erkunden Sie die Feinheiten der Einbindung verschiedener Medienformate.

Navigieren Sie durch die Feinheiten der Datenpräsentation und Benutzerinteraktion mit einer umfassenden Abdeckung von Tabellen und Formularen in HTML, einschließlich Tabellenstrukturen, Formularerstellung und Eingabeelementen. Erwerben Sie Kenntnisse in der Implementierung von Formulareingabeelementen und der Nutzung von Attributen für erweiterte Funktionalität.

Heben Sie Ihre HTML-Fähigkeiten auf die nächste Stufe, indem Sie sich mit semantischen HTML-Elementen befassen, die es Ihnen ermöglichen, gut strukturierte und zugängliche Webinhalte zu erstellen. Beginnen Sie mit dem Bau Ihrer ersten Website und wenden Sie das neu erworbene Wissen an, um Ihre Ideen zum Leben zu erwecken.

Html-Grundlagen

Herausforderung: Formulare

Aufgabe

Hinweis