Das <button>-Tag erstellt anklickbare Schaltflächen auf Webseiten. Es ermöglicht den Nutzern, mit der Webseite zu interagieren, indem Aktionen wie das Absenden eines Formulars oder das Ausführen von JavaScript-Code ausgelöst werden. Obwohl wir in diesem Kurs nicht auf JavaScript eingehen, ist es wichtig zu wissen, dass diese Möglichkeit besteht.

Arten von Schaltflächen

• Standard-Schaltfläche (<button type="button">): Eine vielseitig einsetzbare Schaltfläche für verschiedene Aktionen auf der Webseite, wie das Auslösen von JavaScript-Funktionen oder das Navigieren zu einer anderen Seite;
• Absende-Schaltfläche (<button type="submit">): Wird innerhalb eines Formulars verwendet, um die Formulardaten an einen Server zu senden;
• Zurücksetzen-Schaltfläche (<button type="reset">): Wird innerhalb eines Formulars verwendet, um die Felder des Formulars auf ihre Standardwerte zurückzusetzen.

Beispiel:

Im obigen Beispiel:

• Die erste Schaltfläche ist eine Standardschaltfläche mit einem onclick-Attribut, das beim Klicken eine Warnmeldung auslöst;
• Die zweite Schaltfläche ist eine Absende-Schaltfläche, die die Formulardaten an den Server übermittelt;
• Die dritte Schaltfläche ist eine Zurücksetzen-Schaltfläche, die die Formularfelder auf ihre Standardwerte zurücksetzt.