<input type="textarea">: zone de saisie de texte sur plusieurs lignes

Un champ texte couvrant plusieurs lignes se définit à l'aide d'un élément <input type="textarea">.

<input type="textarea">
   <nom>demande</nom>
   <libellé>formulez votre demande</libellé>
</input>

Contenu de l'élément <input type="textarea">

L'élément <input type="textarea"> peut posséder les sous-éléments suivants (ils ne sont pas obligatoires):

Ces sous-éléments peuvent être complétés par tous les éléments communs aux blocs, une question dans un formulaire étant considérée comme un bloc. Ceux-ci permettent de mettre en page la zone de saisie de texte.

L'élément <input type="textarea"> peut posséder les attributs suivants (ils ne sont pas obligatoires):

Ces attributs peuvent être complétés par tous les attributs communs aux blocs, une question dans un formulaire étant considérée comme un bloc. Ceux-ci permettent de mettre en page la zone de saisie de texte.

Il est également possible d'utiliser les synonymes suivants:

Valeur par défaut à afficher dans la zone

La valeur par défaut qui s'affichera lorsque la page est chargée dans le navigateur se définit à l'aide d'un élément <valeur> (ou <value>). Si celui-ci n'est pas présent, la zone sera vide.

Modification de l'apparence de la zone de saisie de texte

Style de la zone de saisie de texte

Une zone de saisie est considérée comme un bloc. Tous les attributs (style, bords et ses variantes) définis pour les blocs peuvent être utilisés (l'élément <titre>, ici, n'a pas lieu d'être).

Si vous n'utilisez pas d'attribut style, la zone sera affiché sans mise en page particulière (identique à style="transparent"). Dans le cas contraire c'est un bloc dont la mise en page est définie par cet attribut style qui sera affiché.

Taille de la zone de saisie de texte

La taille de la zone est paramétrable à l'aide d'un élément <taille> (ou <size>) qui donne le nombre de lignes et de colonnes qui seront visibles (séparés par une virgule). Attention que ces nombre sont parfois approximatifs et peuvent différer du nombre réel de lignes et de colonnes utilisé par votre navigateur (ce nombre réel peut d'ailleurs être différent d'un navigateur à l'autre).

<input type="textarea">
   <nom>comment</nom>
   <libellé>Votre commentaire</libellé>
   <taille>2,40</taille>
</input>

<input type="textarea">
   <nom>comment</nom>
   <libellé>Votre commentaire</libellé>
   <taille>4,64</taille>
</input>

<input type="textarea">
   <nom>comment</nom>
   <libellé>Votre commentaire</libellé>
   <taille>8,100</taille>
</input>

Contrôle de la valeur entrée dans la zone de saisie de texte

Limitation du nombre de caractères à saisir

Le nombre maximal de caractères accepté dans cette zone est paramétrable grâce à un élément <maxlen>.

<input type="textarea">
   <nom>comment</nom>
   <libellé>Entrez votre commentaire (128 caractères maximum)</libellé>
   <maxlen>128</maxlen>
</input>

Rendre la zone obligatoire

Un élément <obligatoire/> (ou <mandatory/> qui est un synonyme) permet de rendre la zone de saisie de texte obligatoire (au moins un caractère doit avoit été entré dans la zone avant de pouvoir soumettre le formulaire).

<input type="textarea">
   <nom>comment</nom>
   <libellé>Entrez votre commentaire</libellé>
   <obligatoire/>
</input>

Mettre en minuscule/majuscule

Comme pour les zones de saisie de texte simple, on peut utiliser:

• <majuscule/> pour mettre la valeur en majuscule

• <minuscule/> pour mettre la valeur en minuscule

• <Minuscule/> pour mettre la valeur en minuscule, sauf la première lettre

Supprimer les espaces

Comme pour les zones de saisie de texte simple, on peut utiliser:

• <trim/> pour supprimer les espaces, les tabulations et les retours à la ligne au début et à la fin de la valeur

• <normalisation/> pour remplacer toute suite d'espaces, de tabulations et de retours à la ligne par une seule espace