JavaScript - Objektreferenz- document - forms
1. Das Objekt
Damit könnt ihr Formulare und deren Elemente ansteuern. Der Zugriff erfolgt ähnlich wie bei images
, nur gibt es
eine Möglichkeit mehr.
- über einen numerischen Index
- über den Namen des Formulars
- über den Namen des Formulars mittels des
forms
-Objektes - über den Namen des Formulars als Index
document.forms[0]
document.formularname
document.forms.Formularname
document.forms['Formularname']
2. Eigenschaften
Bei der folgenden Liste gibt es ein einheitliches Schema. Die Eigenschaften heißen genau so wie ihre gleichnamigen HTML-Attribute
innerhalb des <form>
-Tags. Darum werde ich auch bei den einzelnen Punkten auf Erläuterungen verzichten, da sie
selbstverständlich sind. Eine Grundregel muss ich aber noch an den Mann bringen. Bei diesen Eigenschaften kann man den Wert sowohl
auslesen als auch verändern.
action
<form name="blubb" action="bla.php">...</form>
document.blubb.action = 'blubber.php';
method
<form name="blubb" action="bla.php">...</form>
document.blubb.method = 'get';
name
Hier gibt es eine Besonderheit. Wenn man das name
-Attribut ändert, so kann man sowohl mit dem neuen als auch mit dem
alten Namen auf Formularelemente zugreifen. Wieso? Nun offenbar legt JavaScript eine neue Instanz des Formulars an und hängt das
in den DOM-Baum mit ein. Ist schon eine seltsame Sprache.
<form name="blubb" action="bla.php">
<input type="text"name="eingabe" value="1">
</form>
document.blubb.name = 'blubber';
alert (document.blubb.eingabe.value);
alert (document.blubber.eingabe.value);
target
<form name="blubb" action="bla.php">...</form>
document.blubb.target = '_blank';
3. Methoden
reset
, submit
reset
löscht die Eingaben innerhalb eines Formulars und entspricht dem HTML-Formularelement <input type="reset">
.
submit
sendet die Eingaben und entspricht <input type="submit">
.
zurück zum vorherigen Abschnitt weiter zum nächsten Abschnitt