ACCUEIL |  PAGE PRECEDENTE |  PAGE SUIVANTE |  FIN DE PAGE |  INDEX

<TEXTAREA> ... </TEXTAREA> (2/2)

Valid HTML 4.01 Transitional

D'autres précisions


Il y a en effet deux usage possibles de la balise <textarea> :

usage normal :(dans la balise <form>)  -> elle définit une zone de saisie plus vaste par rapport à la simple ligne proposée par la balise <input>.  Dans cet usage, c'est l'utilisateur final qui saisit le texte avec une fonte fixe présente sur son ordinateur.

usage détourné ( IE seulement  ?) : la balise <textarea> est utilisée seule en dehors d'une balise <form>. C'est l'auteur de la page qui saisit le texte. La balise Textarea fonctionne un peu comme la balise <pre>. C'est une astuce pour afficher, par exemple, du code HTML par un copier-coller



Dans cet usage, on peut cependant encadrer le textarea par les balises <form> et </form>, en définissant l'attribut action par une valeur nulle.



Exercice pratique :

Question :calculant ma mise en page, je voudrais que le textarea fasse 700 pixels par 40 pixels

Première solution : HTML pur ( la balise et ses attributs ) :

  1. Dans un textarea,, le texte est rendu ( de force ) dans une fonte fixe ( Courrier new, par exemple ) même si la police courante est Arial ou Verdana ( Verdana, 10 pt pour ce texte ).
  2. Sachant qu'un caractère fixe à une largeur de 8 pixels, dans 700 pixels on peut afficher ( 700:8 ) -> 87 caractères, sur une ligne. ( ou 88 caractères = 704 pixels )
  3. En conséquence, déclarez votre texarea avec cols=87 et rows=2 ( 40 pixels: 16 = 2,5 exactement )

<textarea cols="87" rows="2" style="line-height: 105%">
</textarea>


sera rendu ainsi :




Un DIV de 700 pixels sur 40 pixels

Deuxième solution : HTML + feuille de style à la place des attributs spécifiques :

Voici un textarea dont la taille est défini en pixels, par le biais d'une feuille de style :

<FORM> <TEXTAREA style="FONT-SIZE: 12pt; WIDTH: 700px; height:40px; FONT-FAMILY: Verdana" rows=5 > </TEXTAREA>> </FORM>

Comme vous le constatez, alors que le rows est défini sur 5 lignes, seules deux lignes sont visibles à la fois dans le textarea.

Un dernier exemple :




ACCUEIL |  PAGE PRECEDENTE |  PAGE SUIVANTE |  DEBUT DE PAGE |  INDEX