<TEXTAREA> ... </TEXTAREA> (2/2)
D'autres précisions
- <textarea> figurent dans
spécifications du HTML 4.01 strict ( W3C ) en tant que balise spécifique d'un formulaire ( balise <form>)
- La balise <textarea> n'est plus reconnue par Netscape
si elle n'est pas utilisée dans la balise <form>
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 ) :
- 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 ).
- 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 )
- 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 :