JavaScript/DOM/Document/forms

Die Eigenschaft forms des Document-Objekts gibt alle <form>-Elemente eines Dokuments als HTMLCollection zurück. Mit der Eigenschaft elements eines einzelnen <form>-Elements haben Sie weiter Zugriff auf die Elemente des Formulars.

Verwendung

Formulare können Sie auf mehrere Arten ansprechen:

1. mit dem Namen des Formulars über das document.forms-Objekt:

Wert = document.forms.Formularname.Eigenschaft;
       document.forms.Formularname.Methode();
Ziel = document.forms.Testformular.action;
       document.forms.Testformular.reset();

Dies ist die von uns empfohlene Methode. Sie macht deutlich, dass Sie ein Formular ansprechen möchten, und es kann zu keinen Namenskonflikten kommen. Geben Sie mit document.forms.Formularname den Namen an, den Sie bei der Definition des Formulars im einleitenden form-Tag im Attribut name angegeben haben.

Was Sie hier sehen, ist ein Zugriff auf Werte, die als Eigenschaften eines Objekts gespeichert sind. JavaScript bietet dafür einerseits die gezeigte Punkt-Schreibweise objekt.eigenschaft an, andererseits aber auch die von Arrays bekannte Indexschreibweise: objekt["eigenschaft"]. Auch beim Zugriff auf die Einträge des forms-Objekts können Sie diese Schreibweise nutzen. Das ist vor allem dann vorteilhaft, wenn Sie den Namen des Forms erst zur Laufzeit kennen und in einer Variablen gespeichert haben.

Wert = document.forms["Formularname"].Eigenschaft;
       document.forms["Formularname"].Methode();
Ziel = document.forms["Testformular"].action;
       document.forms["Testformular"].reset();

let formularname = "Testformular";       // Verwendung einer Variablen für den Zugriff
Ziel = document.forms[formularname].action;

2. mit dem