Liebe Community, 

ich arbeite mich derzeit für die Ausbildung ein wenig in HTML ein. Dabei bin ich auf ein spezifisches Problem gestoßen. Ich möchte mithilfe von <input type="reset"> (bin aber auch für ein alternatives Vorgehen offen) alle forms über einen Button leeren bzw. zurücksetzen. Also alle Textfelder, Radio Buttons und so weiter. Für die jeweils einzelnen Formulare kriege ich das hin, ist ja auch recht einfach und intuitiv. Aber wie kann ich es bewerkstelligen, dass alle Formular-Typen, die ich einsetze über denselben Button am Ende der Seite zurückgesetzt werden? Ich habe schon den Tipp erhalten, dass ich doch einfach die ganze Seite in ein Formular verwandeln soll, das funktioniert aber entweder nicht, oder ich habe es falsch umgesetzt.  Ich bin dankbar für jede Antwort!

Der Reset-Button gilt nur für das Formular, in der er definiert ist.

Ich würde sagen, hat man mehrere unabhängige Formulare, macht man schon irgendwas falsch (außer vielleicht noch eins fürs Login).

Ja, ich habe bei der Recherche zu der Frage auch mehrfach gelesen, dass das nicht gerade best practice ist. Leider kann ich es mir in diesem Fall nicht aussuchen und die Anforderung des Ausbilders ist "Bau dieses und jenes Formular ein, an dieser und jener Stelle und am Ende soll sich alles mit einem Klick leeren lassen"

Schreibe dir doch eine JavaScript-Funktion, welche alle Formen durchläuft und diese dann leert. Diese Funktion packst du danach in deinem Button am Ende in das onclick-Event und fertig ists.

 

Das wäre ggf. eine gute Frage für Stackoverflow. Dir beste Lösung für deinen Fall isst sehr abhängig von deinem Code. Generell kling das aber nach einer einfache Aufgabe für querySelectorAll und dann die Node-List mit forEach bearbeiten.