Das button-Element ist der Knopf, der etwas auslöst. Welcher Typ gesetzt ist, entscheidet darüber, ob er ein Formular absendet.
- button-Element (HTML)
Element für eine Schaltfläche, die eine Aktion auslöst.
Beispiel: „Ein button-Element ist von sich aus mit der Tastatur bedienbar.“Auch: Schaltfläche.
Abgrenzung zum Link: Der Knopf löst etwas aus, der Link führt woandershin.
Der Typ ist entscheidend
<button type="submit">Absenden</button>
<button type="button">Menü öffnen</button>Innerhalb eines Formulars ist submit die Voreinstellung. Wer einen Knopf für etwas anderes braucht, muss type="button" setzen, sonst wird beim Klick das Formular abgeschickt. Das ist einer der häufigsten Fehler überhaupt.
Warum kein div
Ein Knopf ist mit Tab erreichbar, reagiert auf Leer- und Eingabetaste und wird Screenreadern als Schaltfläche angekündigt. Ein div mit Klickereignis hat nichts davon, und alles nachzubauen kostet mehr Mühe, als das richtige Element zu nehmen.