[HTML][formulaire] remplacer "Enter" par "tabulation"

Bonjour,

Un formulaire tout simple. Je souhaite, pour plusieurs raisons, faire en sorte qu' une pression sur la touche "Enter" donne le focus au champ suivant (comme le fait la touche "Tab") au lieu de valider le formulaire ?

Y'a-t-il un moyen simple ???

Merci d'avance :D

En HTML non, tourne toi peut être du côté du Javascript. :?

La seule solution consisterait a utiliser le javascript pour intercepter l'événement de la touche entrée

Je ne connais pas tes raisons, mais je pense que cela déroutera plus d'un utilisateur....

En javascript, on détecte la touche Entrée avec

Code:

---

onkeypress="next('IDDUCHAMPSUIVANT');"

---

Il faut donc mettre le code ci-dessus dans chaque champs
ex : <input id="name" onkeypress="next('IDDUCHAMPSUIVANT');"/>

la fonction javascript :

Code:

---

1 2 3 4 5 6 7

<script> function next(Idnext) { var Next = document.getElementById(Idnext); if(window.event.keyCode == '13') Next.focus(); } </script>

---

ex : on tape dans le champs avec id="name", le champs suivant est id="firstname"

Code:

---

1 2 3

<input id="name" onkeypress="next('firstname');"/>   <input id="firstname" onkeypress="next('adresse');"/>

---

Voila, en espérant que cela te plaise.

Attention : il ne faut pas qu'il y ai de bouton de type submit

Code:

---

<input type="submit" id="submit" value="submit">

---

sinon le script ne fonctionnera pas et ton formulaire sera envoyé. Remplace ce bouton par une image ou un text avec ce lien

Code:

---

1 2	<a href="#" onclick="javascript:document.NOMDUFORMULAIRE.submit(); ">IMAGE OU TEXTE</a>

---

Citation:

---

Envoyé par Roromix

En javascript, on détecte la touche Entrée avec

Code:

---

onkeypress="next('IDDUCHAMPSUIVANT');"

---

Il faut donc mettre le code ci-dessus dans chaque champs
ex : <input id="name" onkeypress="next('IDDUCHAMPSUIVANT');"/>

la fonction javascript :

Code:

---

1 2 3 4 5 6 7

<script> function next(Idnext) { var Next = document.getElementById(Idnext); if(window.event.keyCode == '13') Next.focus(); } </script>

---

ex : on tape dans le champs avec id="name", le champs suivant est id="firstname"

Code:

---

1 2 3

<input id="name" onkeypress="next('firstname');"/>   <input id="firstname" onkeypress="next('adresse');"/>

---

Voila, en espérant que cela te plaise.

Attention : il ne faut pas qu'il y ai de bouton de type submit

Code:

---

<input type="submit" id="submit" value="submit">

---

sinon le script ne fonctionnera pas et ton formulaire sera envoyé. Remplace ce bouton par une image ou un text avec ce lien

Code:

---

1 2	<a href="#" onclick="javascript:document.NOMDUFORMULAIRE.submit(); ">IMAGE OU TEXTE</a>

---

---

Ok, Super, merci infiniment.
J'étais vraiment bloqué par rapport au bouton submit, ça me posais problème, en effet !!!
Merci beaucoup, vraiment :P