Zone de texte extensible
Elle commence sur une ligne, grandit à chaque nouvelle ligne écrite et son halo de focus respire doucement.
Réglages
Code
<label class="uv-in2gr"><textarea rows="1" placeholder="Racontez-moi quelque chose…"></textarea></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
Une zone qui grandit à mesure que l’on écrit paraît plus légère qu’un grand rectangle vide, et donne envie de commencer. Bons emplacements : les commentaires sous un article, le champ message d’un chat d’assistance ou les remarques d’un formulaire de réservation. Un textarea qui s’agrandit automatiquement, en HTML et CSS avec quelques lignes de JavaScript.
Elle convient surtout aux messages courts ou moyens. Pour les textes longs, comme une lettre de motivation, partez d’une zone plus haute pour que la page ne saute pas pendant la saisie.