Accueil    HTML    Balise TEXTAREA
 



balise textarea  Balise TEXTAREA : Zone de texte

«  Partie précédente  |  Index  |  Partie suivante  »


  • Tag de fermeture obligatoire | Support :
  • Google Chrome
  • Firefox
  • Internet Explorer
  • Opera
  • Safari



La balise <textarea> fait partie des éléments utilisés au sein des formulaires <form> afin de récupérer des informations clients. Cette balise n'interprète pas les tags HTML mais reproduit les espaces les tabulations et les retours charriot qu'elle contient.

Contrairement à la balise <input type="text" />, la balise textarea permet de contrôler la hauteur et l'apparence de la zone de texte grâce à ses attributs cols et rows notamment. Il est possible de lui appliquer les styles CSS classiques de mise en forme du texte.




Propriétés pour la balise textarea :




Propriétés Définition Valeurs
cols Détermine le nombre de caractères affichés par ligne dans la textarea Valeur
disabled Verrouille la zone de texte la rendant grisée et non saisissable disabled
readonly Rend la zone de texte non modifiable mais ne change pas son apparence readonly
rows Indique le nombre de lignes visibles de la textarea Valeur
wrap Détermine si les retours à la ligne se font automatiquement (hard / soft) ou si une scrollbar horizontale apparait en cas de dépassement (off) hard
off
soft


Exemple d'utilisation de la balise textarea :





Balise textarea standrad, en mode disabled et en mode readonly :
<textarea rows="3" cols="30">
   Texte affiché dans la balise textarea
</textarea>

<textarea rows="3" cols="30" disabled="disabled">
   Texte affiché dans la balise textarea en mode disabled
</textarea>


<textarea rows="3" cols="30" readonly="readonly">
   Texte affiché dans la balise textarea en mode readonly
</textarea>


Balise textarea avec un peu de mise en forme :
<textarea rows="5" cols="50" style="border:solid 1px black;
   font-family:tahoma; background-color:lightsteelblue;>
   Texte affiché dans la balise textarea
</textarea>


Balise textarea avec un alignement du texte à droite :
<textarea rows="5" cols="50" style="border:solid 1px black; font-family:tahoma;
   text-align:right;>
   Texte affiché dans la balise textarea
</textarea>




Balise textarea standrad, en mode disabled et en mode readonly :


Balise textarea avec un peu de mise en forme :



Balise textarea avec un alignement du texte à droite :