elements  

Unterobjekt von: forms
Unterobjekte: options
Eigenschaften: Methoden:

Hinweise

Mit elements kann auf die einzelnen Elemente eines Formulars zugegriffen werden. Angesprochen können sie auf zwei Arten werden, mit Nummer oder id-Namen: (wie beim Objekt frames)


Beispiel:
formular2_feld1 = document.forms[1].elements[0].value; formular1_meinfeld = document.forms[0].meinfeld.value;

Eigenschaften



checked (Angekreuzt)

Gibt true zurück, falls die Checkbox angekreuzt ist, ansonsten false.

Beispiel:
<script language="JavaScript"> <!-- function agbcheck() { if (document.vertrag.agb.checked == false) { alert("Bitte stimmen Sie den Allgemeinen Geschäftsbedingungen zu!"); void() } } //--> </script> <form action="jsob_elements.htm" name="vertrag" onSubmit="return agbcheck()"> <input type="Checkbox" name="agb"> Ja, ich stimme den AGB zu! <input type="Submit"value="OK"> </form>
Ja, ich stimme den AGB zu!


defaultChecked (vorangekreuzt)

Falls die Checkbox oder der Radiobutton vorangekreuzt (HTML: Attribut checked) ist, wird true bzw. 1 zurückgegeben, ansonsten false bzw. 0.



defaultValue (voreingestellter Wert)

Speichert den voreingestellten Wert bei Eingabefelderm (input, textarea- HTML: Attribut value).



form (Formularname)

Name des zum Element gehörenden Formulars.



name (Name)

Name des Elements. (HTML: Attribut name)



type (Typ)

Typ des Formularelements.

Beispiel (aus SelfHTML):
<script language="JavaScript"> <!-- for(i=0;i<document.forms[0].length;++i) { document.write("<br>Elementname: " + document.forms[0].elements[i].name); document.write(", Elementtyp: " + document.forms[0].elements[i].type); } //--> </script>


value (Wert/-inhalt)

Inhalt des Elements- bei Checkboxen muss allerdings checked genommen werden!



Methoden



blur() (verlassen)

Formularelement wird deaktiviert/ verlassen.



click() (anklicken)

Simuliert Maus-Klick auf das Element.



focus() (fokussieren)

Analog zu blur()!

Beispiel:
<script><!-- function setFocus() { document.f.terms.focus(); } // --></script> </head><body onLoad="setFocus()"> <form METHOD="GET" name="f" ACTION="http://flexdax.org/cgi-bin/searchhtml.cgi"> <input TYPE="TEXT" NAME="terms" SIZE="17"> <input TYPE="SUBMIT" VALUE="Finden!">


handleEvent() (Ereignis verarbeiten)

siehe: SelfHTML



select() (Selektieren von Text)

Selektiert den Text des Formularfeldes.

Einführung in Javascript: Objektreferenz: elements