1
HTML + CSSChamps
Sélecteur de quantité glissant
Des boutons plus et moins autour d’un nombre qui arrive par le haut ou par le bas quand il change.
Réglages
16px
1x
Code
<div class="uv-in2q"><button class="mn">−</button><span class="nm"><b>1</b></span><button class="pl">+</button></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Champs
Où l’utiliser
Un sélecteur de quantité a sa place à côté de tout ce qui s’achète à l’unité : le panier d’une boutique en ligne, les billets d’un concert ou le nombre de couverts d’une réservation. Le chiffre monte ou descend selon le bouton, et le moins se désactive à un. Un champ de quantité en HTML, CSS et un peu de JavaScript.
La démo s’arrête à 99 : réglez le maximum sur votre stock réel pour éviter les commandes impossibles. Les boutons sont ronds et assez grands pour les doigts, ne les réduisez pas sur mobile.