Balise TEXTAREA

Rôle

La balise <textarea> permet de saisir du contenu sur plusieurs lignes

Testez vous-même cette balise

Utilisez Codepen.

Voici le resultat

Compatibilité

La balise <textarea> est pris en charge par tous les principaux navigateurs.

Attributs spécifiques

Attributs spécifiques à cet élément

autofocus

Donne le focus à l’élément au chargement de la page, il est donc immédiatement utilisable (attention, pris en charge qu’à partir de IE-10)
Syntaxe :
<textarea autofocus rows="5" cols="80">

cols

Spécifie la largeur (en nombre de caractères) de la zone de texte
Syntaxe :
<textarea rows="5" cols="80">

disabled

Permet de vérouiller l’élément, il n’est donc plus utilisable
Syntaxe :
<textarea disabled rows="5" cols="80">

form

Spécifie l’idendifiant (attribut ID) du formulaire auquel l’élément appartient. Cet attribut permet à un élément d’être utilisé à l’extérieur à la balise <form> (attention, n’est pas pris en charge par Internet Explorer)
Syntaxe :
<textarea form="form1" rows="5" cols="80">

maxlength

Spécifie le nombre maximum de caractères à saisir
Syntaxe :
<textarea maxlength="200" rows="5" cols="80">

maxlength

Spécifie le nombre maximum de caractères à saisir (attention, à partir de IE-10 et n’est pas pris en charge par Opéra)
Syntaxe :
<textarea maxlength="200" rows="5" cols="80">

name

Spécifie le nom de l’élément
Syntaxe :
<textarea name="zoneTexte" rows="5" cols="80">

placeholder

Spécifie la valeur de substitution qui sera affiché dans l’élément avant que l’utilisateur entre du contenu et disparait au moment de la saisie : conseil ou description du format attendu (attention, est pris en charge qu’à partir de IE-10)
Syntaxe :
<textarea placeholder="Votre commentaire.." rows="5" cols="80">

readonly

Spécifie que la zone de saisie est en lecture seule : le contenu ne peut pas être modifié mais il est possible de le copier.
Syntaxe :
<textarea readonly rows="5" cols="80">

required

Spécifie que le champ ne peut pas resté vide au moment de soumettre le formulaire (attention, n’est pas pris en charge par Safari et Internet explorer)
Syntaxe :
<textarea required rows="5" cols="80">

rows

Spécifie la hauteur (en nombre de ligne) de la zone de texte
Syntaxe :
<textarea rows="5" cols="80">

wrap

Spécifie si le texte doit contenir des sauts de ligne à la soumission du formulaire
Syntaxe :
<textarea wrap="hard" rows="5" cols="80">

Valeurs possible :

• wrap=’soft’ : valeur par défaut, il n’y aura pas de césure
• wrap=’hard’ : le texte doit contenir des sauts de ligne (l’attribut cols est obligatoire)

La balise <textarea> prend aussi en charge les attributs globaux

Attibuts de type événement

La balise <textarea> prend en charge les événements de type formulaire.

La balise <textarea> prend aussi en charge les événements souris

Voir les autres balises pour l’intégration d’un formulaire

button– datalist– fieldset– form– input– keygen– label– legend– meter– optgroup– option– output–progress – select