Cours par Webcam

Cours par Webcam

Formateur Web pour adultes depuis plus 11 ans, je vous propose des COURS collectifs par WEBCAM en LIVE pour booster vos connaissances et être autonome dans la création de site.

En savoir plus

Tags base

Page HTML

Tags sémantiques

Tags navigation

Tags mise en page

Tags multimédia

Tags interaction

Tags grouper

Tags tableau

Tags formulaire

Tags universelles

Attributs globaux

Share on facebook
Facebook
Share on google
Google+
Share on twitter
Twitter
Share on linkedin
LinkedIn

Balise TEXTAREA

Rôle

La balise <textarea> permet de saisir du contenu sur plusieurs lignes

Testez vous-même cette balise

Utilisez Codepen.

Voici le resultat

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

La balise <textarea> est pris en charge par tous les principaux navigateurs.

Attributs spécifiques

Attributs spécifiques à cet élément

autofocus
Donne le focus à l’élément au chargement de la page, il est donc immédiatement utilisable (attention, pris en charge qu’à partir de IE-10)
Syntaxe :
<textarea autofocus rows="5" cols="80">
cols
Spécifie la largeur (en nombre de caractères) de la zone de texte
Syntaxe :
<textarea rows="5" cols="80">
disabled
Permet de vérouiller l’élément, il n’est donc plus utilisable
Syntaxe :
<textarea disabled rows="5" cols="80">
form
Spécifie l’idendifiant (attribut ID) du formulaire auquel l’élément appartient. Cet attribut permet à un élément d’être utilisé à l’extérieur à la balise <form> (attention, n’est pas pris en charge par Internet Explorer)
Syntaxe :
<textarea form="form1" rows="5" cols="80">
maxlength
Spécifie le nombre maximum de caractères à saisir
Syntaxe :
<textarea maxlength="200" rows="5" cols="80">
maxlength
Spécifie le nombre maximum de caractères à saisir (attention, à partir de IE-10 et n’est pas pris en charge par Opéra)
Syntaxe :
<textarea maxlength="200" rows="5" cols="80">
name
Spécifie le nom de l’élément
Syntaxe :
<textarea name="zoneTexte" rows="5" cols="80">
placeholder
Spécifie la valeur de substitution qui sera affiché dans l’élément avant que l’utilisateur entre du contenu et disparait au moment de la saisie : conseil ou description du format attendu (attention, est pris en charge qu’à partir de IE-10)
Syntaxe :
<textarea placeholder="Votre commentaire.." rows="5" cols="80">
readonly
Spécifie que la zone de saisie est en lecture seule : le contenu ne peut pas être modifié mais il est possible de le copier.
Syntaxe :
<textarea readonly rows="5" cols="80">
required
Spécifie que le champ ne peut pas resté vide au moment de soumettre le formulaire (attention, n’est pas pris en charge par Safari et Internet explorer)
Syntaxe :
<textarea required rows="5" cols="80">
rows
Spécifie la hauteur (en nombre de ligne) de la zone de texte
Syntaxe :
<textarea rows="5" cols="80">
wrap
Spécifie si le texte doit contenir des sauts de ligne à la soumission du formulaire
Syntaxe :
<textarea wrap="hard" rows="5" cols="80">
Valeurs possible :

  • wrap=’soft’ : valeur par défaut, il n’y aura pas de césure
  • wrap=’hard’ : le texte doit contenir des sauts de ligne (l’attribut cols est obligatoire)

La balise <textarea> prend aussi en charge les attributs globaux

Attibuts de type événement

La balise <textarea> prend en charge les événements de type formulaire.

La balise <textarea> prend aussi en charge les événements souris

Voir les autres balises pour l’intégration d’un formulaire

button– datalist– fieldset– form– input– keygen– label– legend– meter– optgroup– option– outputprogressselect

A lire aussi

tutowebdesign

Afficher du contenu au scroll

Afficher du contenu au scroll Voici un effet impressionnant et pourtant très facile à mettre en place sur vos pages. Le principe consiste à faire

Lire »
tutowebdesign

Créer un menu latéral animé

Créer un menu latéral animé Idéal pour les formats mobiles, voici un menu latéral animé facile à faire dont l’ouverture est déclenchée par Javascript. Commençons

Lire »
MegaphoNews - Closer Than Ever

The leading news agency comes to your smartphone.  Download now.

Politique d'utilisation des cookies

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies. Les cookies nous permettent de personnaliser le contenu, les sorties et d’optimiser notre trafic.