Zone de texte avec compteur
Une zone de texte avec une barre qui se remplit et vire à l'orange, puis au rouge, près de la limite.
Réglages
Code
<label class="uv-ic"><textarea maxlength="60" placeholder="Dites-nous quelque chose"></textarea><span><i></i><b>0/60</b></span></label>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 compteur de caractères indique la place qu'il reste avant d'arriver au bout. Il convient à la bio d'une page de profil, au titre d'un avis produit ou au petit mot laissé au restaurant lors d'une réservation. La barre se remplit, passe à l'orange à 80 % et au rouge à la limite.
La démo s'arrête à 60 caractères ; modifiez la limite dans le HTML selon votre besoin. Quelques lignes de JavaScript suffisent. N'affichez le compteur que là où une limite existe vraiment. Sur une zone de commentaire classique, une barre que personne ne remplira n'ajoute que du bruit.