Focus setzen
    
 Home • Formulare • Eingabemarke setzen Quellcode 

 Eingabemarker in das erste Formularfeld setzen

Das Script durchsucht die Webseite nach einem Formular. Bei erfolgreicher Suche das Formular dann nach Eingabefeldern. Ist auch diese Suche erfolgreich, wird das Einfügezeichen / die Textmarke / der Cursor in das erste Textfeld.
Eingabemarker automatisch in das erste Feld setzen


Dieses Script setzt den Cursor in das erste editierbare Formular-Element, in den Eingabebereich eines Textfeldes oder einer Textarea.

Es durchsucht das Formular auf der Webseite nach

Eingabefeldern (input type=text)
mehrzeiligen Eingabebereichen (textarea)

und positioniert die Schreibmarke / den Cursor im ersten gefunden Feld.

erstes Feld
zweites Feld


Das Script ist in jeder HTML-Seite einsetzbar, wird aber erst bei Seiten mit Formulaen aktiv, weil vorab das Vorhandensein von Formularen überprüft wird mit: 
if (document.forms.length > 0)
Bedeutung: Wenn in diesem Dokument die Anzahl der Formulare größer Null ist dann ...

Das Script ist Ideal zur Ablage in einer externen JavaScript-Datei die für alle Seiten eingelesen wird. Es macht ja nichts kaputt, sollte sich auf der Seite kein Formular befinden.

Unabhängig vom Formularnamen
Unabhängig von Feld- / Elementnamen


   Aufwand

  • Script in den HEAD kopieren
  • onLoad - Eventhandler in das BODY-Tag einfügen

Tipp für die Einbindung in eine einzelne HTML-Seite: Wird das JavaScript im Head-Bereich der Seite notiert und dort auch gleich aufgerufen, könnte es (abhängig von der Geschwindigkeit des Rechners, der Datenübertragung und des Seitenaufbaus) sein, dass das Script das Formular auf der Seite nicht sieht, weil zum Zeitpunkt des Aufrufs der HTML-Code des Formulars noch nicht eingelesen war.

In diesem Fall wäre ein zeitverzögerter Aufruf ratsam oder ...

Wenn sie den Javascript-Aufruf hinter dem Formular, gleich vor dem Ende-Body-Tag (</body>) einfügen, sollte das auch funktionieren. Diese Methode ist allerdings nicht sicher und erst recht nicht 'sauber'.




   Autofocus mit HTML 5

Wenn Sie einen Browser mit HTML5-Unterstützung voraussetzen können:

Autofocus für ein Eingabefeld lässt sich leicht umsetzen. Das Einzige was den Code von HTML4 unterscheidet ist das Attribut 'autofocus'.

 
<input id="Beispiel01" name="Beispiel01" type="text" autofocus />