|
Auf diese Weise wird ein Formular erzeugt und mit einem Namen versehen. Über diesen eindeutigen Namen (im Beispiel: tr) kann das Formular identifiziert und angesprochen werden. |
|
<form name="tr"> <input type="text" size="5" maxlength="5" name="feld1"> <input type="button" value="Klick mich!" onClick="func1(document.tr.feld1.value)"> </form> |
Erläuterung:
<input> erzeugt ein Objekt innerhalb eines Formulars.
Über das Attribut type=" " kann die Art des Objektes festgelegt werden:
type="text" erzeugt ein Textfeld, in das Text eingegeben werden kann.
type="button" erzeugt einen Knopf, der vom Benutzer mit der Maus angeklickt werden kann.
Je nach Typ haben die Objekte eine Reihe weiterer Attribute. Wichtig sind:
name: Über den Namen kann das Objekt eindeutig identifiziert werden.
value: Wert des Objekts. Kann an Funktionen übergeben werden.
onClick: Falls der Benutzer den button anklickt, wird im Bsp. eine Funktion func1 aufgerufen, der gleich ein Wert mit übergeben wird:
| document | . | tr | . | feld1 | . | value |
| Innerhalb dieses Dokuments | > | im Formular tr | > | das Objekt feld1 | > | dessen momentan gültiger Wert |
Aufgabe: Erweitere deine Datei tr.html um ein Formular mit dem Namen taschenrechner, das in etwa so aussehen soll: Funktionen sollen dabei natürlich noch nicht definiert werden, d.h. der Taschenrechner kann noch gar nichts! Wichtig ist allerdings, dass die einzelnen Objekte mit sinnvollen Namen sowie geeigneten Vorbelegungen (values) versehen werden.