109 votes

Comment placer le curseur (auto focus) dans une zone de texte lorsqu'une page est chargée sans support 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 le javascript.

171voto

Thavamani Points 1976

Oui, il est possible de le faire sans le 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 sera mis en évidence lorsque la page sera chargée. Pour plus de détails :
http://www.hscripts.com/tutorials/html5/autofocus-attribute.html

45voto

Rajnikant Points 1506

Il suffit d'ajouter autofocus dans la première entrée ou zone de texte.

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

4voto

Vishal Points 256

Ça va marcher :

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

2voto

dewaz Points 107
<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.

2voto

AER Points 869

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

Les travaux suivants (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 en CSS. C'est-à-dire que vous ne pouvez pas utiliser :

.first-input {
    autofocus:"autofocus"
}

En tout cas, ça n'a pas marché pour moi...

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X