Focus in eingabefeld setzen
    
 Home • Formulare • Focus setzen Quellcode 

 Curser in ein bestimmtes Eingabefeld setzen

Das Script positioniert die Schreibmarke / den Cursor in ein bestimmtes Eingabefeld. Das Script ist universell einsetzbar für jedes Formular. Es eignet sich sehr gut zum nachträglichen Einbau vorhandener Formulare.
Eingabemarke automatisiert in ein bestimmtes Feld setzen


Dieses Script setzt den Focus auf ein beliebiges Formular-Element, vorzugsweise in den Eingabebereich eines Textfeldes oder einer Textarea.
Vorname
Nachname
Außerdem habe ich eine Änderung der Hintergrundfarbe vorgesehen, die bei Eingabefeldern (<input> oder <textarea>) seine Wirkung nicht verfehlt.

Das Script ist für jedes Formular einsetzbar, wenn sie für das betreffende Formularelemet eine ID vergeben: 
<input id="feld02" type="text" size="20">
Alles was sie tun müssen ist die ID des betreffenden Feldes im Script einzutragen. Hier im Beispiel wurde das Eingabefeld mit der ID 'feld02' ausgewählt.

Das Script im Head

function SetzeFocus() {
  // ID hier eintragen
  var ElementID = "feld02";
  document.getElementById(ElementID).style.backgroundColor = "#FFE6FF";
  document.getElementById(ElementID).focus();
}

setTimeout("SetzeFocus()",4000);
Ich habe die Verzögerung hier auf 4000 Millisekunden eingestellt. Den Zeitwert können sie sicher auch auf 2000 verrringern.


   Aufwand

  • Script in den HEAD kopieren
  • ID für das Formularelemet eintragen (wenn nicht vorhanden)
  • ID in Script eintragen






   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 />