Formular-Zusammenfassung

In dieser Lektion haben wir gelernt, wie man Formulare baut, und herausgefunden:

• Ein Formular wird mit dem Element form und seinen Attributen erstellt:
  • action: die URL, an die die Daten gesendet werden,
  • method: wie die Daten gesendet werden: GET in der Adresse (zum Beispiel bei einer Suche) oder POST in der Anfrage selbst (zum Beispiel beim Anmelden).
• Eingabefelder werden mit dem Element input und seinen Attributen erstellt:
  • type: der Typ des Eingabefelds, zum Beispiel text, password, email, number, date, range, radio oder checkbox,
  • name: der Name, der zusammen mit dem Wert des Eingabefelds gesendet wird, zum Beispiel name=Tim,
  • id: eine eindeutige Kennung, die das Eingabefeld mit seiner Beschriftung verbindet,
  • value: ein vorausgefüllter Wert oder, bei einem Radiobutton, der Wert, der gesendet wird, wenn er ausgewählt ist.
• Radiobuttons mit demselben name bilden eine Gruppe, in der nur einer ausgewählt sein kann. Checkboxen sind voneinander unabhängig.
• Eine Dropdown-Liste wird mit dem Element select und darin stehenden option-Elementen erstellt, ein Feld für längeren Text mit dem Element textarea.
• Jedes Eingabefeld braucht eine Beschriftung: das Element label, dessen Attribut for denselben Wert hat wie die id seines Eingabefelds. Ein Klick auf die Beschriftung setzt den Cursor in das Eingabefeld, und Screenreader lesen sie vor.
• Ein Formular wird mit dem Button <button type="submit">Absenden</button> abgeschickt (oder mit <input type="submit" value="Absenden">).
• Ein Eingabefeld wird mit dem Attribut required zum Pflichtfeld.

In der nächsten Lektion erwartet dich ein Abschlussprojekt, in dem du das Gelernte aus dem ganzen Kurs anwendest.