Balise HTML <textarea>
Exemple
Un champ de saisie de texte multiligne (zone de texte) :
<label for="w3review">Review of W3Schools:</label>
<textarea
id="w3review" name="w3review" rows="4" cols="50">
At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies.
</textarea>
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La <textarea>balise définit un contrôle de saisie de texte multiligne.
L' <textarea>élément est souvent utilisé dans un formulaire, pour collecter des entrées d'utilisateurs comme des commentaires ou des critiques.
Une zone de texte peut contenir un nombre illimité de caractères et le texte s'affiche dans une police à largeur fixe (généralement Courier).
La taille d'une zone de texte est spécifiée par les attributs <cols>et (ou avec CSS).<rows>
L' nameattribut est nécessaire pour référencer les données du formulaire une fois le formulaire soumis (si vous omettez l'
nameattribut, aucune donnée de la zone de texte ne sera soumise).
L' idattribut est nécessaire pour associer la zone de texte à une étiquette.
Conseil : Ajoutez toujours la balise <label> pour les meilleures pratiques d'accessibilité !
Prise en charge du navigateur
| Element | |||||
|---|---|---|---|---|---|
| <textarea> | Yes | Yes | Yes | Yes | Yes |
Les attributs
| Attribute | Value | Description |
|---|---|---|
| autofocus | autofocus | Specifies that a text area should automatically get focus when the page loads |
| cols | number | Specifies the visible width of a text area |
| dirname | textareaname.dir | Specifies that the text direction of the textarea will be submitted |
| disabled | disabled | Specifies that a text area should be disabled |
| form | form_id | Specifies which form the text area belongs to |
| maxlength | number | Specifies the maximum number of characters allowed in the text area |
| name | text | Specifies a name for a text area |
| placeholder | text | Specifies a short hint that describes the expected value of a text area |
| readonly | readonly | Specifies that a text area should be read-only |
| required | required | Specifies that a text area is required/must be filled out |
| rows | number | Specifies the visible number of lines in a text area |
| wrap | hard soft |
Specifies how the text in a text area is to be wrapped when submitted in a form |
Attributs globaux
La <textarea>balise prend également en charge les attributs globaux en HTML .
Attributs d'événement
La <textarea>balise prend également en charge les attributs d'événement en HTML .
Plus d'exemples
Exemple
Désactivez l'option de redimensionnement par défaut :
<html>
<head>
<style>
textarea {
resize: none;
}
</style>
</head>
<body>
<label for="w3review">Review of W3Schools:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
At
w3schools.com you will learn how to make a website. They offer free tutorials
in all web development technologies.
</textarea>
</body>
</html>
Pages connexes
Référence HTML DOM : Objet Textarea
Tutoriel CSS : styliser les formulaires
Paramètres CSS par défaut
Rien.