|
Wie wird in einem HTML-Dokument gerechnet ? - Teil 6 |
|
Ein forms-Objekt besitzt folgende Eigenschaften, Methoden und Ereignisse:
Eigenschaften: | action | gibt an, welche Aktion mit dem Formular verknüpft ist | | elements[ ] | enthält die einzelnen Bestandteile des Formulars | | length | Anzahl der Elemente im Feld elements[] | | method | Methode, nach der eingegebenen Daten versendet werden ("get"/"post") | | encoding | entspricht dem ENCTYPE-Feld im <FORM>-Tag |
Methoden:
| submit() | versendet ein Formular von JavaScript automatisch | | reset() | automatisches zurücksetzen |
Ereignisse:
| onSubmit() | Ereignis tritt ein, wenn der Submit-Knopf gedrückt wurde | | onReset() | Ereignis tritt ein, wenn der Reset-Knopf gedrückt wurde |
Innerhalb eines Formulares gibt es verschiedene Formular-Elemente, auf deren Funktionsweise ich bereits im HTML-Forum näher eingegangen bin. Aus diesem Grund werde ich auch hier nur die verschiedenen Möglichkeit und das Händling mit Formular-Elementen in JavaScript versuchen näher darzustellen. Innerhalb eines "document.forms-Objektes" gibt es ein "elements-Array". Dieses Array beinhaltet alle Formularelemente des entsprechenden "document.forms-Objektes".
Also liefert die Funktion "document.Name.elements.length" die Anzahl der enthaltenen Formularelemente im Formular "Name". Obwohl die nachfolgende Tabelle nicht so ganz "fachgerecht" ist, könnte man doch der Einfachheit wegen sagen:
Formular-Elemente sind Elementobjekte, weil sie verschiedene Eigenschaften, Methoden und Ereignisse haben bzw. bewirken:
| Objekt | Eigenschaften | Methoden | Ereignisse |
|---|
| button | name
value | click() | onClick() | | checkbox | checked
defaultChecked
name
value | click() | onClick() | | hidden | name
value | | | | password | defaultValue
name
value | focus()
blur()
select() | | | radio | checked
defaultChecked
length
name
value | click() | onClick() | | reset | name
value | click() | onClick() | | select | length
name
options
selectedIndex | blur()
focus() | onBlur()
onChange()
onFocus() | options
(Kind-Objekt von select) | defaultSelected
index
length
name
selected
text
value | | | | submit | name
value | click() | onClick() | | text | defaultValue
name
value | focus()
blur()
select() | onBlur()
onChange()
onFocus()
onSelect() | | textarea | defaultValue
name
value | focus()
blur()
select() | onBlur()
onChange()
onFocus()
onSelect() |
Es bedeuten für: Eigenschaften:
| checked | angekreuzt ? | | defaultChecked | standardmäßig angekreuzt ? | | defaultSelected | standardmäßig ausgewählt ? | | defaultValue | Default-Wert | | length | Anzahl der Elemente in einer Gruppe | | name | Name des Elements | | options | Feld der Optionen | | selected | ausgewählt ? | | selectedIndex | Index der ausgewählten Option | | text | beschreibender Text | | value | Wert des Elements |
Methoden:
| blur() | Abgeben des "Input-Focus" (siehe focus). | | click() | löst eine Aktion auch ohne Mausklick auf ein Element aus | | focus() | setzt den "Input-Focus" (blinkenden Eingabe-Cursor) | | select() | ein Textbereich wird ermittelt |
Ereignisse:
| onBlur() | "Input-Focus" geändert | | onChange() | Inhalt eines Feldes geändert | | onClick() | Element wurde angeklickt | | onFocus() | "Input-Focus" (erfolgreich) gesetzt | | onSelect() | Text wurde ermittelt |
Zum Schluß ein Beispiel dafür, wie das bisher gesagte in der Praxis aussehen könnte. Auf Grund der Größe des JavaScriptes für einen Rechner, habe ich an dieser Stelle auf ein Listing verzichtet. Wer mag, kann es sich downloaden (1,7 Kb). |
