Fokussieren des Cursors in ein Formularfeld
Freitag, 18 Februar 2011
Es sind doch die kleinen Dinge, die einen Besucher freuen. Kommt man zum Bleistift auf eine Loginseite, ist es da nicht schön, wenn der Cursor schon im ersten Feld steckt und blinkt und man sofort mit dem Ausfüllen dieses Feldes beginnen kann?
Und das ganze ist natürlich nicht schwer. Gegeben sei ein Formular
< form name="formular">
< input type="text" size=40 name="a" value="email@adresse.tld"> < br>
< input type="text" size=40 name="b" value="http://">
< /form>
Wichtig ist die Namensgebung, der Form-Tag benötigt einen und die Eingabe-Felder (naja, die haben ja eh meistens bereits einen Namen). Ich habe noch einige Values vorgegeben, damit das Formular nicht so leer ist. Was jetzt noch fehlt ist das Setzen des Cursor-Fokus beim laden des Dokumentes. Das machen wir mit dem Javascript-Befehl onLoad(), sprechen das Formular mit Namen an (es heißt formular) und setzen den Focus auf das Eingabefeld mit dem Namen b.
<body onLoad="formular.a.focus();">
So, das wars dann schon. Beim neuladen blinkt der Cursor im Email-Eingabe-Feld. Hier nochmal alles zusammen:
<body onLoad="formular.a.focus();">
< form name="formular">
< input type="text" size=40 name="a" value="email@adresse.tld"> < br>
< input type="text" size=40 name="b" value="http://">
< /form>
This is a nested column
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
This is another nested column
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.