HTML attribut step balise input

Définition et utilisation attribut step

LES BALISES HTML

L'attribut step spécifie les intervalles numériques autorisés pour un élément <input>.

Exemple : si step = " 3 ", les nombres autorisés pourraient être -3, 0, 3, 6, etc c'est à dire que l'attribut step définit un pas de valeur 3.

Astuce : L'attribut step peut être utilisé conjointement avec les attributs max et min pour créer une plage de valeurs autorisées.

Remarque : L'attribut step fonctionne avec les types d'entrées suivants : nombre, range, date, datetime, datetime-local, month, time et week..

Syntaxe

Exemple Un formulaire HTML avec un champ de saisie avec step déterminée :

Exemple : Copier le code

            
  <!DOCTYPE html>            
  <html lang="fr">            
  <head>            
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />            
  <title>html5 demo</title>            
  </head>            
  <body>             
  <form action="page-cible.php">            
     Nom: <input type="text" name="nom"><br><br>            
     Email: <input type="text"><br><br>            
     Quantité :<input type="nombre" name="points" step="3"><br><br>            
  <input type="submit">            
  </form>            
  <p><b>Note:</b> L'attribut step n'est pas pris en charge dans
  Internet Explorer et Firefox. </p>            
  </body>            
  </html>