L’élément <textarea> est un outil puissant pour créer un champ de saisie de texte multiligne 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.

html
Copier le code

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, utilisé pour identifier le champ lors de la soumission du formulaire.

html
Copier le code

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

html
Copier le code

placeholder : fournit un court indice à l’utilisateur concernant l’information attendue dans la zone de texte. Il s’affiche comme un texte temporaire jusqu’à ce que l’utilisateur commence à saisir.

html
Copier le code

maxlength : spécifie le nombre maximal de caractères pouvant être saisis dans la zone de texte. Il permet d’imposer des limites ou des restrictions de caractères.

html
Copier le code

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 pour afficher du contenu pré-rempli ou non modifiable.

html
Copier le code

Exemple