Balise <textarea> HTML

Définition et utilisation

<textarea> L'étiquette définit un contrôle d'entrée de texte multiligne.

<textarea> Les éléments sont généralement utilisés dans les formulaires pour collecter les entrées des utilisateurs, telles que des commentaires ou des avis.

La zone de texte peut contenir un nombre illimité de caractères et le texte est présenté en police à espacement fixe (généralement Courier).

La taille de la zone de texte est définie par les attributs cols et rows (ou en utilisant CSS).

Après la soumission du formulaire, l'attribut name est nécessaire pour référencer les données du formulaire (si l'attribut name est omis, les données de la zone de texte ne seront pas soumises).

Il est nécessaire d'ajouter l'attribut id pour lier la zone de texte à l'étiquette (label).

Astuce :Ajoutez toujours <label> L'élément <label> pour obtenir les meilleures pratiques d'accessibilité !

Veuillez également consulter :

Manuel de référence HTML DOM :Objet Textarea

Tutoriel CSS :Définir les styles du formulaire

Exemple

Exemple 1

Un contrôle d'entrée de texte multiline (zone de texte) :

<label for="w3review">Commentaire CodeW3C.com :</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Sur codew3c.com, vous apprendrez à développer des sites web. Ils fournissent des tutoriels gratuits pour toutes les technologies de développement Web.
</textarea>

Essayez-le vous-même

Exemple 2

Désactivez l'option de redimensionnement par défaut :

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>
<label for="w3review">Commentaire CodeW3C.com :</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Sur codew3c.com, vous apprendrez à développer des sites web. Ils fournissent des tutoriels gratuits pour toutes les technologies de développement Web.
</textarea>
</body>
</html>

Essayez-le vous-même

Attribut

Attribut Valeur Description
autofocus autofocus Définit que la zone de texte doit obtenir automatiquement le focus lors du chargement de la page.
cols Numérique Définit la largeur visible de la zone de texte.
dirname textareaname.dir Définit l'orientation du texte des zones de texte soumis.
disabled disabled Définit que la zone de texte doit être désactivée.
form ID du formulaire Définit le formulaire auquel appartient la zone de texte.
maxlength Numérique Définit le nombre maximum de caractères autorisés dans la zone de texte.
name Texte Définit le nom de la zone de texte.
placeholder Texte Définit une courte indication descriptive de la valeur attendue de la zone de texte.
readonly readonly Définit que la zone de texte doit être en lecture seule.
required required Définit que la zone de texte doit être obligatoire.
rows Numérique Définit le nombre de lignes visibles dans la zone de texte.
wrap
  • hard
  • soft
 Définit comment le texte dans la zone de texte est retourné lors de la soumission du formulaire.

Attributs globaux

<textarea> L'élément <textarea> prend également en charge Attributs globaux dans HTML.

Attributs d'événement

<textarea> L'élément <textarea> prend également en charge Attributs d'événement dans HTML.

Réglages CSS par défaut

Aucun.

Compatibilité des navigateurs

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support