Ratgeber: Ein zurückgesetztes Formular kehrt zu Vorgaben zurück

Die falsche Erwartung am zweiten Knopf

Ein Veranstaltungsformular enthält bereits den vorgeschlagenen Ort „Werkraum“. Eine Person trägt „Garten“ ein und betätigt anschließend „Zurücksetzen“. Nun steht wieder „Werkraum“ im Feld. Das ist kein verlorener Löschbefehl: Die native Formularfunktion stellt Vorgabewerte wieder her. Wer sämtliche Felder leeren möchte, beschreibt eine andere Aktion.

MDN dokumentiert dieses Verhalten für HTMLFormElement.reset(). Andere Eigenschaften, etwa ein deaktiviertes Feld, werden dadurch nicht automatisch auf einen früheren Zustand gesetzt. Dieser Beitrag ordnet bestehende Webtechnik ein; der 14. Oktober 2026 ist das Prüfdatum der Quelle und kein behauptetes Veröffentlichungsdatum einer neuen Browserfunktion.

Einen Ausgangsstand bewusst auswählen

Lege für eine Übung ein Formular mit Veranstaltungsort, Teilnehmerzahl und einer Auswahl für den Raumtyp an. Notiere vor dem ersten Tippen die sichtbaren Vorgaben. Ändere alle drei Felder und setze das Formular zurück. Vergleiche das Ergebnis mit deiner Notiz. So wird die Bedeutung des Knopfs konkreter als durch einen allgemeinen Hinweis „Formular leeren“.

Frage anschließend, ob dieser Knopf überhaupt gebraucht wird. In einer langen Anmeldung kann ein versehentlicher Klick viel Arbeit zunichtemachen. Für einen kleinen Filterbereich kann die Rückkehr zu sinnvollen Vorgaben dagegen hilfreich sein. Die Entscheidung sollte sich nach der Aufgabe richten, nicht danach, dass ein Formular traditionell zwei Knöpfe hatte.

Zusätzliche Anzeigen mitdenken

Vielleicht zeigt deine Anwendung neben dem Formular eine Zusammenfassung, einen Preisentwurf oder eine Liste gewählter Bilder. Definiere gesondert, was nach dem Zurücksetzen mit diesen Anzeigen passiert. Die native Rückkehr der Felder zu ihren Vorgaben ist kein vollständiges Zustandskonzept für eine Anwendung. Ein leerer Ergebnisbereich und weiterhin gefüllte Eingaben können sonst widersprüchlich wirken.

Ein geeigneter Entwicklungsauftrag lautet: „Beschreibe den Ausgangsstand jedes Feldes. Nach der Aktion stimmen Formular und Zusammenfassung wieder überein. Der sichtbare Knopf benennt die Wirkung verständlich.“ Vermeide außerdem die Kennung oder den Namen reset für ein Formularfeld, weil MDN auf eine mögliche Überdeckung der gleichnamigen Methode hinweist.

Vier kleine Gegenproben

Teste einen unveränderten Ausgangsstand, mehrere geänderte Felder, eine sichtbare Fehlermeldung und eine bereits berechnete Zusammenfassung. Kontrolliere jeweils, welche Informationen erhalten bleiben sollen. Wiederhole die Bedienung mit Tastatur und schmalem Bildschirm. Die Abnahme ist erreicht, wenn der beschriftete Knopf genau die erwartete Rückkehr auslöst und keine bereits eingegebene Arbeit überraschend unter einem irreführenden Namen verwirft.