web-dev-qa-db-fra.com

Comment placer le curseur (mise au point automatique) dans la zone de texte lorsqu'une page est chargée sans la prise en charge de javascript?

J'ai un formulaire avec des champs de texte et je veux placer le curseur (mise au point automatique) sur le premier champ de texte du formulaire lorsque la page est chargée.

Je veux le faire sans utiliser javascript.

htmlcsshtml5
80
Thavamani Kasi

Il est possible de faire sans support de javascript ..
Nous pouvons utiliser html5 attribut de mise au point automatique
Par exemple:

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

Si vous l’utilisez (autofocus = "autofocus") dans un champ de texte, cela signifie que le champ de texte devient actif lorsque la page est chargée .. Pour plus de détails:
http://www.hscripts.com/tutorials/html5/autofocus-attribute.html

136
Thavamani

Ajoutez simplement autofocus dans la première entrée ou zone de texte.

<input type="text" name="name" id="xax" autofocus="autofocus" />
36
Rajnikant Kakadiya
<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

Cela fonctionnera:

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

Une extension pour ceux qui ont fait un peu de bidouillage comme moi.

Le travail suivant (de W3):

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

Il est important de noter que cela ne fonctionne pas dans CSS cependant. C'est à dire. vous ne pouvez pas utiliser:

.first-input {
    autofocus:"autofocus"
}

Au moins ça n'a pas marché pour moi ...

1
AER