sélection input automatique

**drick35** · 13/02/2013, 15h21

bonjour,
Comment peut on changer la sélection de l'input lorsque celle-ci arrive au maximum du

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

maxlength

. Dans l'exemple ci-dessous une fois les 10 chiffres du téléphone rentrés , l'input suivant se sélectionne sans avoir besoin du tab.
Dont-on passé par javascript/mootools?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
Téléphone <input name="std" class="saisie" tabindex="10" maxlength="10" size="10"/><br />
 Ligne direct <br /> <input name="ld" class="saisie" tabindex="11" maxlength="12" size="10"/>

cédric

**Bovino** · 13/02/2013, 15h38

Oui, il faut passer par JavaScript, mais je vois mal l'intérêt de MooTools là-dedans quand une ligne suffit.

**Atomya Rise** · 17/02/2013, 11h13

Google est notre ami

Voici un petit exemple trouvé en quelques secondes :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
  <head>
    <script>
function suivant(enCours, suivant, limite)
  {
  if (enCours.value.length == limite)
    document.code[suivant].focus();
  }
    </script>
  </head>
  <body>
    <form name="code">
      <input type="text" maxlength="4" name="code1" size="4" onKeyUp="suivant(this,'code2', 4)">
      - <input type="text" maxlength="4" name="code2" size="4" onKeyUp="suivant(this,'code3', 4)">
      - <input type="text" maxlength="4" name="code3" size="4" onKeyUp="suivant(this,'code4', 4)">
      - <input type="text" maxlength="4" name="code4" size="4">
    </form>
  </body>
</html>

sélection input automatique

HTML

Vue hybride

Discussions similaires

Partager

Partager