Eingabecursor beim Aufruf einer Seite automatisch in ein bestimmtes Textfeld setzen
Mit etwas JavaScript ganz leicht zu realisieren: das automatische Setzen des Eingabecursors in das erste (oder ein anderes) Feld eines Formulars.
So geht’s: Der Form eine „id“ und einen „name“ geben, in diesem Beispiel „kontaktbox“.
HTML-Teil:
<form id="kontaktbox" name="kontaktbox" method="post"> <fieldset> <legend>Ein typisches Kontaktformular als Beispiel</legend> <label for="name">Name:</label> <input id="name" size="35" type="text" /> <label for="email">eMail:</label> <input id="email" size="35" type="text" /> <label for="nachricht">Nachricht:</label> <textarea id="nachricht" cols="27" rows="7"></textarea> <input type="submit" value="Senden" /> </fieldset></form>
JS-Teil im <head>-Bereich:
<script type="text/javascript"> // <![CDATA[ window.onload=function() { document.kontaktbox.nachricht.focus(); } // ]]></script>
In diesem Beispiel springt der Cursor nach dem Laden der Seite in das Feld „nachricht“ innerhalb der Form namens „kontaktbox“.
Getestet in Firefox 3.0.3 und IE6 auf dem PC sowie Firefox 2 und Safari 1.3.2 für Mac.
Keywords: HTML, JavaScript, Webdesign
Feed abonnieren