L’ élément HTML textarea permet de créer une zone de saisie de texte dans un formulaire. Il est utilisé avec l’élément form pour créer le formulaire.

<form>
<textarea>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.
</textarea>
</form>

Attributs

Attribut : disabled

Permet de bloquer la zone de saisie.

Exemple

HTML
<form>
<textarea disabled="disabled">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.
</textarea>
</form>

Attribut : readonly

Change la zone de saisie, en zone d’affichage seulement.

Exemple

HTML
<form>
<textarea readonly="readonly">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.
</textarea>
</form>

Attribut : name

Permet de récuperer les données de la zone de saisie.

Exemple

HTML
<form>
<textarea name="texte">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.
</textarea>
</form>

Attribut : cols

Permet de changer la largeur de la zone de saisie.

Exemple

HTML
<form>
<textarea cols="50">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.</textarea>
</form>

Attribut : rows

Permet de changer la hauteur de la zone de saisie.

Exemple

HTML
<form>
<textarea rows="15">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.</textarea>
</form>

Attribut : class

Permet de spécifier la classe css à utiliser sur la zone de saisie .

Exemple

HTML
<form>
<textarea class="texte">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.
</textarea>
</form>
CSS
.texte{
background-color:chocolate;
}

Attribut : id

Permet de spécifier l’identifiant css à utiliser sur la zone de saisie.

Exemple

HTML
<form>
<textarea id="texte">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.
</textarea>
</form>
CSS
#corps{
background-color:yellow;
}

Attribut : title

Permet de mettre une infobulle sur le corps de la page HTML.

Exemple

HTML
<form>
<textarea title="zone de saisie">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.
</textarea>
</form>

Attribut : dir

Permet de spécifier le sens d’écriture du texte. Elle prend 2 valeurs :
- ltr : Left To Right : de gauche à droite(valeur par défaut).
- rtl : Right To Left : de droite à gauche.

Exemple

HTML
<form>
<textarea dir="rtl">أعلنت واندونيسيا،, الى حاملات الأمريكي، قد,</textarea>
</form>

Attribut : style

Permet d’appliquer un style à la zone de saisie directement dans le html, sans avoir besoin d’une feuille de style.

Exemple

HTML
<form>
<textarea style="background-color:grey">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.
</textarea>
</form>

Attribut : lang

Permet de spécifier la langue à l’intérieur de la zone de saisie.

Exemple

HTML
<form>
<textarea lang="en">
A person with Ubuntu is open and available to others, affirming of others, does not feel threatened that others are able and good, for he or she has a proper self-assurance that comes from knowing that he or she belongs in a greater whole and is diminished when others are humiliated or diminished, when others are tortured or oppressed.
</textarea>
</form>