Formular-Elemente
Element | Eigenschaften | Methoden |
---|---|---|
input (button) | form | blur |
name | click | |
type | focus | |
value | ||
handleEvent | ||
input (checkbox) | checked | blur |
defaultChecked | click | |
form | focus | |
name | handleEvent | |
type | ||
value | ||
input (fileupload) | form | blur |
name | click | |
type | focus | |
value | ||
handleEvent | ||
input (hidden) | form | |
name | ||
type | ||
value | ||
input (password) | defaultValue | blur |
form | focus | |
name | handleEvent | |
type | select | |
value | ||
input (radio) | checked | blur |
defaultChecked | click | |
form | focus | |
name | handleEvent | |
type | ||
value | ||
input (reset) | form | blur |
name | click | |
type | focus | |
value | ||
handleEvent | ||
input (submit) | form | blur |
name | click | |
type | focus | |
value | ||
handleEvent | ||
input (text) | defaultValue | blur |
form | focus | |
name | handleEvent | |
type | select | |
value | ||
option | defaultSelected | |
index | ||
length | ||
selected | ||
text | ||
value | ||
select | form | blur |
length | focus | |
name | handleEvent | |
options | ||
selectedIndex | ||
type | ||
textarea | defaultValue | blur |
form | focus | |
name | handleEvent | |
type | select | |
value |
option
-Elemente erstellt werden. Dazu wird der Syntax new Option()
einer Variablen zugewiesen. Innerhalb der Klammern können optional vier Parameter übergeben werden: Text (String/text
), Wert (String/value
), Feld markieren als Standard (Boolean/defaultSelected
) und Feld markieren aktuell (Boolean/selected
). Das erstellte Element kann, ebenso wie bei einem Array
in SELECT.options
eingefügt werden. Beispiel:
o = new Option('neue Option','neu');
document.form1.meinSelect.options[
document.form1.meinSelect.length] = o;
Eigenschaften
checked
Diechecked
-Eigenschaft liest oder setzt einen booleschen Wert, der beschreibt, ob die Checkbox bzw. der Radiobutton markiert ist (true
) oder nicht (false
).Notation: Objekt
.checked
<script type="text/javascript">
<!--
function doChecker(welcher)
{
f = document.form1;
if(f[welcher].checked == true){f[welcher].checked = false;}
else{f[welcher].checked = true;}
}
//-->
</script>
...
<input type="Checkbox" name="check1">
<a onclick="doChecker('check1')" href="#">Bananen</a>
<input type="Checkbox" name="check2">
<a onclick="doChecker('check2')" href="#">Äpfel</a>
defaultChecked
DiedefaultChecked
-Eigenschaft gibt ab, ob die Checkbox oder der Radiobutton standardmäßig markiert sein sollte (true
) oder nicht (false
).Notation: Objekt
.defaultChecked
Kein Beispiel.
defaultSelected
DiedefaultSelected
-Eigenschaft gibt einen booleschen Wert an, der Beschreibt, ob die Option standardmäßig markiert sein sollte (true
) oder nicht (false
).Notation: Objekt
.defaultSelected
Kein Beispiel.
defaultValue
DiedefaultValue
-Eigenschaft gibt den Standardwert des Feldes an.Notation: Objekt
.defaultValue
if(meinFeld.value != meinFeld.defaultValue)
{ alert('Es wurde eine Änderung vorgenommen!'); }
form
Dieform
-Eigenschaft gibt das Formular aus, in dem das Element enthalten ist.Notation: Objekt
.form
Kein Beispiel.
index
Dieindex
-Eigenschaft gibt den nullbasierten Index der Option im options
-Array aus.Notation: Objekt
.index
Kein Beispiel.
length
Dielength
-Eigenschaft gibt an, wieviele Optionen ein select
-Feld enthält.Notation: Objekt
.length
// alle markieren
for(i=0; i<document.forms[0].selectfeld.length; i++)
{
document.forms[0].selectfeld.options[i].selected = true;
}
name
Diename
-Eigenschaft gibt den Namen des Elements aus.Notation: Objekt
.name
Kein Beispiel.
selected
Dieselected
-Eigenschaft gibt oder setzt einen booleschen Wert, der beschreibt, ob die Option ausgewählt ist (true
) oder nicht (false
).Notation: Objekt
.selected
Beispiel siehe
length
-Eigenschaft.selectedIndex
DieselectedIndex
-Eigenschaft gibt den nullbasierten Index der ersten ausgewählten Option eines select
-Feldes aus. Wurde keine Option ausgewählt, wird -1 zurückgegeben.Notation: Objekt
.selectedIndex
//markierten Wert erhalten
function BekommeWert(SelectFeld)
{
return (SelectFeld.options[SelectFeld.selectedIndex].value);
}
text
Dietext
-Eigenschaft gibt den Text (Inhalt) des Feldes aus.Notation: Objekt
.text
Kein Beispiel.
type
Dietype
-Eigenschaft gibt einen String aus, der den Typ des Elements beschreibt.Notation: Objekt
.type
Kein Beispiel.
value
Dievalue
-Eigenschaft gibt den Wert an, der beim Versenden des Formulars übertragen wird. Gleichzeitig steht sie für den Inhalt bestimmter Elemente (z.B. <input type="text" ...>
).Notation: Objekt
.value
document.form1.ausgabe.value = 'Hallo!';
Methoden
blur
Dieblur
-Methode veranlaßt, dass dem Element der Fokus entzogen wird.Notation: Objekt
.blur()
Kein Beispiel.
click
Dieclick
-Methode simuliert den Klick auf das Element.Notation: Objekt
.click()
Kein Beispiel.
focus
Diefocus
-Methode veranlaßt, dass dem Element der Fokus übertragen wird.Notation: Objekt
.focus()
Kein Beispiel.
handleEvent
DiehandleEvent
-Methode löst ein Ereignis und die damit verbundenen Funktionen aus. Als Parameter wird das entsprechende Event als Eigenschaft erwartet (z.B. Event.CLICK
oder Event.MOUSEOVER
).Notation: Objekt
.handleEvent(
Ereignis)
Kein Beispiel.
select
Dieselect
-Methode veranlaßt, dass der Inhalt des Elements (Text) markiert wird.Notation: Objekt
.select()
Kein Beispiel.
Du arbeitest in einer Agentur oder als Freelancer?
Dann wirf doch mal einen Blick auf unsere Software FeatValue.
Über uns
Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project