Der HTML-Code für die obige Seite lautet:

<HTML>

<HEAD>
<TITLE>HTML: JavaScript: Beispiel 1</TITLE>

</HEAD>

<BODY>

<!-- hier steht ein Kommentar, der im Browser unsichtbar ist -->

<FORM name="meinFormular">

<P><INPUT TYPE="text" NAME="meinFeld" VALUE="Ein Textfeld" SIZE=50>

<INPUT TYPE="button" NAME="Datum" VALUE="Welches Datum ?" onClick="meinFormular.meinFeld.value=new Date()">

</FORM>

</BODY>

</HTML>

Erläuterungen:

Das HTML-Dokument enthält ein Formular mit dem Namen meinFormular, eingeschlossen zwischen den Tags

<FORM name="meinFormular">

</FORM>

Das Formular besteht aus einem Textfeld (TYPE="text") mit dem Namen meinFeld und dem anfänglichen Inhalt (value) "Ein Textfeld":

<INPUT TYPE="text" NAME="meinFeld" VALUE="Ein Textfeld">

und einem Knopf (TYPE="button") mit dem Namen Datum und der Aufschrift (value) Welches Datum?

<INPUT TYPE="button" NAME="Datum" VALUE="Welches Datum ?" onClick="meinFormular.meinFeld.value=new Date()">

Das Script ist im Event-Handler (onClick) des Knopfes untergebracht und lautet:: meinFormular.meinFeld.value=new Date()

Es wird jedesmal aufgerufen, wenn man auf den Knopf klickt und bewirkt, daß im Formular "meinFormular" in dessen Textfeld "meinFeld" das neu erzeugte Objekt Date() eingesetzt wird.

 

Letzte Änderung: