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

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

Valid HTML 4.01 Transitional

Utilisation

Crée une zone multiligne dans laquelle l'utilisateur pourra entrer des données.

Balises de début/de fin

Nécessaire/nécessaire

Attributs

%coreattrs, %i18n, %events

name="..." : nom du contrôle

rows="..." : hauteur en nombre de lignes

cols="...' : largeur en nombre de colonnes(=caractères)

disabled="..." : désactive le contrôle

readonly="..." : définit le texte affiché comme étant en lecture seule

tabindex="..." : définit l'ordre de tabulation des éléments possédant une propriété tabindex

onfocus="..." : événement qui se déclenche lorsque l'élément reçoit le focus

onblur="..." : événement qui se déclenche lorsque perd le focus

onselect="..." : événement intrinsèque qui se déclenche lorsque le contrôle est sélectionné

onchange="..." : événement intrinsèque qui se déclenche lorsque le contrôle est modifié

Vide

Non

 

Remarques :

Exemple d'utilisation :

Exemple n°1: champ sans contenu par défaut ( formulaire actif)

<FORM method="post" action="mailto:queber62@wanadoo.fr">

Faites-moi part de vos remarques positives : <P>

<TEXTAREA name="positive" rows=10 COLS=40></TEXTAREA> <P>

et, ci-dessous, de vos remarques négatives : <P>

<TEXTAREA name="negative" rows=2 COLS=20></TEXTAREA> <P>

Entrez votre nom ci-dessous: <P>

<TEXTAREA name="username" rows=1 COLS=40>Tapez votre nom ici</TEXTAREA> <P>

Pour envoyer vos remarques, cliquez ce bouton :<BR>

<INPUT type="submit" value="Valider" style="position:relative;left:10">

Pour effacer vos saisies, cliquez ce bouton : <BR>

<INPUT type="reset" value="Effacer" style="position:relative;left:35">

</FORM>

sera rendu ainsi :
Faites-moi part de vos remarques positives :

et, ci-dessous, de vos remarques négatives :

Entrez votre nom ci-dessous:

Pour envoyer vos remarques, cliquez ce bouton :

Pour effacer vos saisies, cliquez ce bouton : .

Exemple n°2: champ avec contenu par défaut

<TEXTAREA name="champ" rows=4 cols=40>
Le contenu par défaut se place ici.
</TEXTAREA>

sera rendu ainsi :
Note: Il est possible d'ajouter du texte (d'insérer des lignes) dans ce champ devant et derrière la phrase "Le contenu par défaut se place ici".

Exemple n°3: champ avec contenu par défaut sur plusieurs lignes

<TEXTAREA name="adresse" rows="6" cols="50">
TARTEMPION Sarl
28, avenue Zorro
75015 PARIS
FRANCE
</TEXTAREA>
 
sera rendu de la façon suivante :

Exemple N° 4 : champ avec contenu dynamique sur changement du contrôle (élément  SELECT ->liste de choix ) :

<CENTER>
<FORM method=post name=formul action="/">
<SELECT id="Cars" size="1" onchange="Data.value += Cars.options[Cars.selectedIndex].text + '\n'"; >
<OPTION value="1">BMW
<OPTION value="2" disabled>PORSCHE
<OPTION value="3" selected>MERCEDES
</SELECT>
<TEXTAREA
id="Data" rows="10" cols="13"> </TEXTAREA>
</FORM>
</CENTER>
 
 
rendu ainsi :

Document additionnel ( Face cachée d'HTML - Eyrolles ):

  TEXTAREA (AIRE d'un champ multilignes) HTML
Définition Permet de fixer les dimensions d'un champ multiligne. 2.0 3.2
Syntaxe <TEXTAREA=> ....... </TEXTAREA>cet élément est nécessairement fermé.    
Attributs HTML
  name Attribue un nom symbolique à l'aire d'affichage.    
  rows Définit le nombre de lignes de la fenêtre d'affichage    
  Cols Définit le nombre de colonnes (=caractères) de la fenêtre d'affichage    
Attributs spécifiques
  Wrap Permet de définir des règles de formatage du texte dans un champ multiligne ( exclusivité Netscape ) ( off, virtual, physical )    
Attributs HTML nouveaux
  Disabled Permet de désactiver un champ.    
  Readonly Réduit le contrôle sur un champ; le champ n'est accessible qu'en lecture.    
  Tabindex Définit la séquence de navigation entre les champs du formulaire ou d'une section du formulaire.    
Note: Les champs à lignes multiples sont, en principe, pourvus de barres de défilement à l'affichage.
Si le nombre de lignes de texte entré par l'utilisateur dépasse le nombre de lignes défini pour la fenêtre d'affichage, le navigateur doit être capable de faire défiler le texte de manière adéquate.
Le texte est rendu dans une fonte à caractères fixes. Les lignes doivent être terminées par un retour (séquence: CR/LF)
 


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