Controler les actions de la touche tabulation
Bonjour, j'ai une question tout bête :
j'ai un formulaire avec plusieurs champs et un bouton submit. Au chargement de ma page le curseur est sur (dans) le 1er champ, et à chaque fois que j'appuie sur la touche tabulation il va de champs en champs jusqu'au bouton submit. Jusqu'ici normal j'ai déclaré des tabindex.
Après le bouton submit si j'appuie encore sur la touche tabulation je vais dans la barre d'adresse. :cry: :cry:
Comment faire qu'il revienne sur le 1er champ au lieu d'aller dans la barre d'adresse ?
voici le code que j'ai tenté mais ça ne marche pas
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
| <html>
<head>
<style type='text/css'>
input:focus{
background-color:red;
}
</style>
</head>
<body>
<form name="monForm">
<input type='text' name='input1' tabindex='1' />
<input type='text' name='input2' tabindex='2' />
<input type='text' name='input3' tabindex='3' />
<input type='text' name='input4' tabindex='4' />
<input type='text' name='input5' tabindex='5' />
<input type='text' name='input6' tabindex='6' />
<input type='submit' tabindex='7' onKeyPress='document.forms["monForm"].elements["input1"].focus();' onKeyUp='return;' onKeyDown='return;'/>
</form>
</body>
<script type="text/javascript" language="Javascript">
document.forms["monForm"].elements["input1"].focus();
</script>
</html> |
quelqu'un a une idée de comment faire ça ?
