À retenir
- Combine la saisie manuelle et l'ajustement par boutons.
- Sert exclusivement à manipuler des données chiffrées.
- Améliore l'ergonomie en évitant les erreurs de saisie de texte.
Une zone de sélection numérique est un élément d'interface qui permet de choisir une valeur chiffrée. Imaginez un champ où vous pouvez soit taper directement le nombre au clavier, soit cliquer sur des petites flèches pour augmenter ou diminuer la valeur, comme pour régler la température sur un thermostat digital.
Étymologie
Le terme est composé de « zone » (un espace délimité à l'écran), « sélection » (l'action de choisir) et « numérique » (qui concerne les nombres). En anglais, ce composant est couramment appelé spinbox ou stepper.
Exemples d'usage
- Ajuster le nombre d'exemplaires avant de lancer une impression.
- Modifier la taille de la police de caractères (ex: passer de 12 à 14 points) dans un traitement de texte.
- Choisir la quantité d'un produit dans un panier d'achat en ligne.
Cas d'usage
On retrouve ce composant dans presque tous les formulaires numériques, les panneaux de configuration de logiciels et les réglages de paramètres systèmes (date, heure, dimensions) où une précision chiffrée est requise.
Bonnes pratiques
Il est recommandé de toujours définir des valeurs limites (minimum et maximum) pour éviter des saisies incohérentes. De plus, le développeur doit s'assurer que le champ n'accepte que des chiffres et rejette automatiquement les lettres ou symboles invalides.
Synonymes
Antonymes
Conseil
Pour les débutants en développement, privilégiez ce composant plutôt qu'un champ texte classique (input type="number" en HTML) : cela force l'utilisateur à rester dans le format attendu et facilite la validation des données en arrière-plan.
Questions fréquentes
Peut-on utiliser la molette de la souris ?
Dans beaucoup d'interfaces modernes, il suffit de survoler la zone avec le curseur et d'utiliser la molette pour faire défiler les nombres.
Quelle est la différence avec un curseur (slider) ?
La zone de sélection numérique est plus précise pour viser un chiffre exact, alors que le curseur est plus visuel et adapté aux réglages approximatifs (comme le volume sonore).