English

<textarea>

Permettre un texte long : commentaire, message, bio

— 1 min de lecture

  • HTML
  • accessibilité
  • sémantique
  • formulaires

<textarea> — La zone de texte

La balise <textarea> crée un champ de saisie multiligne. Contrairement a <input type="text">, elle permet à l'utilisateur d'écrire plusieurs lignes de texte. Les attributs rows et cols définissent la taille initiale.

Quand l'utiliser

Tu veux collecter un commentaire, un message de contact, une biographie, une description de produit ou tout texte qui dépasse une seule ligne.

Ce que tu gagnes

Accessibilité : les lecteurs d'écran annoncent un champ multiligne et lisent le label associé. L'utilisateur sait qu'il peut écrire plusieurs lignes. L'attribut maxlength informe sur la limite.

Exemple de code

<label for="message">Your message:</label>
<textarea id="message" name="message" rows="5" cols="40" maxlength="500"
  placeholder="Write your message here..."></textarea>

Pour aller plus loin