it-swarm.com.de

Wie platziere ich den Cursor (Autofokus) in einem Textfeld, wenn eine Seite ohne Javascript-Unterstützung geladen wird?

Ich habe ein Formular mit einigen Textfeldern und möchte den Cursor platzieren (Autofokus) im ersten Textfeld des Formulars, wenn die Seite geladen wird.

Ich möchte es ohne Javascript tun.

80
Thavamani Kasi

Sie können auf die Unterstützung von Javascript verzichten.
Wir können HTML5 verwenden autofokus-Attribut
Beispielsweise:

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

Wenn es im Textfeld verwendet wird (Autofokus = "Autofokus"), wird das Textfeld beim Laden der Seite fokussiert. Weitere Informationen:
http://www.hscripts.com/tutorials/html5/autofocus-attribute.html

136
Thavamani

Fügen Sie einfach autofocus in die erste Eingabe oder das Textfeld ein.

<input type="text" name="name" id="xax" autofocus="autofocus" />
36
<body onLoad="self.focus();document.formname.name.focus()" >

formname is <form action="xxx.php" method="POST" name="formname" >
and name is <input type="text" tabindex="1" name="name" />

it works for me, checked using IE and mozilla.
autofocus, somehow didn't work for me.
3
dewaz

Das wird funktionieren:

OnLoad="document.myform.mytextfield.focus();"
3
Vishal

Eine Erweiterung für diejenigen, die ein bisschen herumgespielt haben wie ich.

Die folgende Arbeit (aus W3):

<input type="text" autofocus />
<input type="text" autofocus="" />
<input type="text" autofocus="autofocus" />
<input type="text" autofocus="AuToFoCuS" />

Es ist jedoch wichtig zu beachten, dass dies in CSS nicht funktioniert. Das heißt Sie können nicht verwenden:

.first-input {
    autofocus:"autofocus"
}

Zumindest hat es bei mir nicht funktioniert ...

1
AER