# Formulare
<u>Formulare sind ein wichtiges Werkzeug zur Erfassung von Benutzereingaben und deren Übermittlung an einen Server zur Verarbeitung.</u> Sie bestehen aus verschiedenen Formularelementen, die es den Benutzern ermöglichen, Daten einzugeben. In diesem Kurs werden wir jedoch keine Daten an einen Server senden, da dies zusätzliches Wissen erfordert, das über den Umfang dieses Kurses hinausgeht.

Alle Beispiele im Code haben das Attribut `onsubmit="return false"`. Dieses Attribut verhindert standardmäßig, dass das Formular eine Anfrage an den Server sendet.

## Erstellen von Formularen
Das `<form>`-Tag wird verwendet, um ein interaktives Formular auf einer Webseite zu erstellen. Es enthält verschiedene Formularelemente für Benutzereingaben. <br>**Beispiel**:
```html
<form>
  
</form>
```

## Formularelemente
HTML bietet verschiedene Eingabetypen, um Benutzereingaben zu sammeln. Jeder hat spezifische Attribute und Verhaltensweisen. Außerdem können wir das Label für jede Eingabe angeben. Labels werden verwendet, um Text mit Formulareingabeelementen zu verknüpfen und bieten eine zugänglichere und benutzerfreundlichere Erfahrung. *Wir werden Labels und Eingaben in den folgenden Kapiteln ausführlich besprechen.*<br>**Beispiel**:
```html
<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
</form>
```

## Formularübermittlung
Die Formularübermittlung wird durch einen Absende-Button (`<button type="submit">`) ausgelöst, der die Formulardaten zur Verarbeitung an den Server senden kann.<br>**Beispiel**:
```html
<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
  <button type="submit">Submit</button>
</form>
```

Hier ist das grundlegende Formularbeispiel.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkZvcm1zPC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxmb3JtIG9uc3VibWl0PSJyZXR1cm4gZmFsc2UiPgogICAgICA8bGFiZWwgZm9yPSJ1c2VybmFtZSI+VXNlcm5hbWU6PC9sYWJlbD4KICAgICAgPGlucHV0CiAgICAgICAgdHlwZT0idGV4dCIKICAgICAgICBpZD0idXNlcm5hbWUiCiAgICAgICAgbmFtZT0idXNlcm5hbWUiCiAgICAgICAgcGxhY2Vob2xkZXI9IllvdXIgdXNlcm5hbWUiCiAgICAgIC8+CiAgICAgIDxsYWJlbCBmb3I9InBhc3N3b3JkIj5QYXNzd29yZDo8L2xhYmVsPgogICAgICA8aW5wdXQKICAgICAgICB0eXBlPSJwYXNzd29yZCIKICAgICAgICBpZD0icGFzc3dvcmQiCiAgICAgICAgbmFtZT0icGFzc3dvcmQiCiAgICAgICAgcGxhY2Vob2xkZXI9IioqKioqKioqIgogICAgICAvPgogICAgICA8YnV0dG9uIHR5cGU9InN1Ym1pdCI+U3VibWl0PC9idXR0b24+CiAgICA8L2Zvcm0+CiAgPC9ib2R5Pgo8L2h0bWw+

Welches Tag wird verwendet, um ein interaktives Formular auf einer Webseite zu erstellen?

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

Formulare

Formulare

Erstellen von Formularen

Formularelemente

Formularübermittlung

Video Tutorial