L'élément <textarea> est un outil puissant pour créer un champ de saisie de texte multi-lignes sur une page web. Il permet aux utilisateurs de saisir et de soumettre des quantités de texte plus importantes que l'élément <input>, qui est limité à une seule ligne de texte.

L'élément <textarea> se compose d'une balise d'ouverture <textarea> et d'une balise de fermeture </textarea>. Tout texte placé entre ces balises servira de valeur par défaut pour la zone de texte.

Attributs

name: spécifie le nom de la zone de texte, qui est utilisé pour identifier le champ lors de la soumission du formulaire.

rows et cols: déterminent respectivement le nombre de lignes et de colonnes visibles de la zone de texte. Ils nous permettent de spécifier la largeur et la hauteur de la zone de texte.

placeholder: fournit un court indice à l'utilisateur sur les informations attendues dans la zone de texte. Il est affiché comme un espace réservé temporaire jusqu'à ce que l'utilisateur commence à taper.

maxlength: spécifie le nombre maximum de caractères pouvant être saisis dans la zone de texte. Il aide à imposer des limites ou des restrictions de caractères.

readonly: l'attribut readonly, lorsqu'il est ajouté à l'élément <textarea>, rend le champ en lecture seule, empêchant les utilisateurs de modifier le texte. Il est utile lors de l'affichage de contenu pré-rempli ou non modifiable.

Exemple