Little Boxes 1 online

Direktnavigation

Bookmark and Share

Weitere Infos (Randbereich)

Sie lesen gerade:

Little Boxes 1

Little Boxes Teil 1 - Webseiten gestalten mit HTML und CSS (Grundlagen)

Inhaltsbereich

Schritt 3: Den Cursor in das erste Feld setzen

Zum Abschluss der Formulargestaltung noch ein kleines i-Tüpfelchen: Mit einem einzeiligen JavaScript vereinfachen Sie die Benutzung des Formulars für Ihre Besucher, indem Sie den Cursor beim Laden der Seite gleich ins erste Formularfeld setzen.

ToDo: Den Cursor im ersten Formularfeld positionieren
  1. Ändern Sie den <body>-Tag auf kontakt.html wie folgt (der gesamte Anfangs-Tag sollte in einer Zeile stehen).

    <body id="kontaktseite" onload="document.kontaktformular.absender.focus();">

  2. Speichern Sie die Webseite und betrachten Sie sie im Browser.

Nach dem Laden der Webseite sollte der Cursor direkt im ersten Formularfeld blinken. Und hier die Erklärung:

  • onload sagt dem Browser, dass er die folgende Anweisung beim Laden der Webseite ausführen soll.
  • Die Anweisung document.kontaktformular.absender.focus(); heißt im Klartext:
    • Suche auf der angezeigten Webseite (document) ein Element mit dem Namen kontaktformular.
    • In diesem Element gibt es ein Feld mit dem Namen absender. 
    • Setze den Cursor in dieses Feld und lass ihn blinken (focus).

Falls JavaScript im Browser ausgestellt sein sollte, passiert einfach gar nichts.