Ratgeber: Warum eine Nebenaktion im Formular einen klaren Button-Typ braucht

Ein Klick mit einer unerwarteten Folge

Du bearbeitest ein Kontaktformular und klickst auf „Beispiel einsetzen“. Plötzlich wird das Formular abgeschickt. Solche Fehler lassen sich bereits im Bauauftrag vermeiden: Jede Schaltfläche braucht eine ausdrücklich beschriebene Aufgabe. Diese Anleitung erläutert bestehendes HTML-Verhalten anhand der aktuellen MDN-Dokumentation; sie meldet keine heute neu eingeführte Browserfunktion.

Bei einer normalen Schaltfläche innerhalb eines Formulars ist der Typ wichtig. Ein Button ohne passend festgelegten Typ kann als Absenden-Schaltfläche wirken. Für eine reine Nebenaktion ist type="button" vorgesehen; das tatsächliche Abschicken kann mit type="submit" ausdrücklich bezeichnet werden. Die Entscheidung gehört zum Markup und sollte nicht nur durch den sichtbaren Text angedeutet werden.

Einen kleinen Formularplan erstellen

Stelle dir eine Anmeldung zu einem Reparaturtreffen vor. Es gibt ein Feld für den Gegenstand, einen Knopf für eine Beispielbeschreibung und einen Knopf zum Absenden. Schreibe neben jede Bedienung, was nach der Betätigung passieren soll. Beim Beispiel darf sich nur der Entwurf verändern. Beim Absenden soll eine Anfrage an den vorgesehenen Empfänger entstehen, nachdem die notwendigen Prüfungen erfolgt sind.

Ergänze im Entwicklungsauftrag: „Kennzeichne die Nebenaktion ausdrücklich als normalen Button. Weise dem Versandknopf den Submit-Typ zu. Einsetzen eines Beispiels darf keine Netzwerkanfrage zur Speicherung auslösen.“ Damit beschreibst du sowohl die technische Entscheidung als auch ein überprüfbares Ergebnis. Ein dekorativ klickbares Textstück wäre dafür kein guter Ersatz.

Den Fehlerfall bewusst testen

Trage ausschließlich erfundene Testangaben ein. Betätige zuerst die Beispielaktion, einmal mit der Maus und einmal über die Tastatur. Kontrolliere, ob der Text übernommen wird und ob die Seite im Bearbeitungszustand bleibt. Prüfe danach den vorgesehenen Versand separat in einer Testumgebung. Es sollen keine echten Anfragen allein für diese Kontrolle verschickt werden.

Nimm außerdem den leeren Zustand auf: Wenn noch keine Angaben vorhanden sind, muss die Nebenaktion weiterhin verständlich funktionieren. Achte auf die Beschriftung nach dem Klick. „Beispiel eingesetzt“ ist eine andere Rückmeldung als „Anfrage gesendet“.

Den Bauauftrag abschließen

Dokumentiere die zwei erwarteten Abläufe in wenigen Sätzen. Der entscheidende Nachweis ist nicht, dass der Knopf hübsch aussieht, sondern dass jede Bedienung genau ihren vorgesehenen Vorgang auslöst. Diese kleine Trennung spart später Rückfragen und verhindert, dass eine harmlose Bearbeitung versehentlich zu einem verbindlich wirkenden Versand wird.