Contrôler les bornes min et max d'un champ numérique grâce au CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Contrôler les bornes min et max d'un champ numérique grâce au CSS

Carl Brison
5,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto CSS en vidéo je vous propose d'apprendre à contrôler les bornes min et max d'un champ de formulaire de type "number".
Habituellement, afin de contrôler que la valeur entrée par l'utilisateur se trouve entre la valeur de la borne basse et la valeur de la borne haute, il faut utiliser un langage de programmation tel que le langage JavaScript.
Et bien ici : pas de langage de programmation !

C'est grâce au langage CSS que nous allons pouvoir contrôler que l'utilisateur a bien entré une valeur attendue.
Si la valeur entrée par l'utilisateur ne correspond pas aux attentes, alors nous l'informerons grâce à un visuel (par exemple, passer les bordures du champ de formulaire en rouge), mais également en mettant en place une phrase expliquant le problème.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Pour aller plus loin dans les connaissances avancées du langage CSS, je vous propose :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Contrôle des bornes en CSS
Leçon 2
Ecrire une info sur la page en cas de sortie des bornes
Leçon 3
Définir des valeurs par défaut
Leçon 4
Pour aller plus loin

Plan détaillé du cours

Leçon 1Contrôle des bornes en CSS
07m14s
Leçon 2Ecrire une info sur la page en cas de sortie des bornes
05m21s
Leçon 3Définir des valeurs par défaut
05m02s
Leçon 4Pour aller plus loin
02m14s

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source du tuto

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données