HTML L'attribut step de la balise input

Somaire

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.

Image astuce 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

<input step="nombre">


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

Sélectionner 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>


Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

L'attribut step est pris en charge dans tous les principaux navigateurs, sauf Internet Explorer et Firefox.


Différences entre HTML 4.01 et HTML5

L'attribut step est une nouveauté en HTML5.


Valeurs d'attribut

Valeur

Description

nombre

Spécifie les intervalles nombres autorisés pour le champ de saisie


Retour à l'accueil du site

Par carabde 10 mars 2014