HTML <textarea> Tag
Exemple
Un contrôle de saisie de texte multi-lignes (zone de texte) :
<label for="w3review">Évaluation de formation-ti.org:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Sur formation-ti.org, vous apprendrez à créer un site web. Ils offrent des tutoriels gratuits dans toutes les technologies de développement web.
</textarea> Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et Utilisation
Le <textarea> définit un contrôle de saisie de texte multi-lignes.
L'élément <textarea> est souvent utilisé dans un formulaire pour collecter des saisies utilisateur, comme des commentaires ou des évaluations.
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 rows (ou avec CSS).
L'attribut name est nécessaire pour référencer les données du formulaire après que celui-ci a été soumis (si vous omettez l'attribut name , aucune donnée de la zone de texte ne sera soumise).
L'attribut id est nécessaire pour associer la zone de texte à une étiquette.
Conseil : Ajoutez toujours la <label> pour de meilleures pratiques d'accessibilité !
Support des Navigateurs
| Élément | |||||
|---|---|---|---|---|---|
| <textarea> | Oui | Oui | Oui | Oui | Oui |
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| autofocus | autofocus | Spécifie qu'une zone de texte doit automatiquement obtenir le focus lorsque la page se charge |
| cols | nombre | Spécifie la largeur visible d'une zone de texte |
| dirname | textareaname .dir | Spécifie que la direction du texte de la zone de texte sera soumise |
| disabled | disabled | Spécifie qu'une zone de texte doit être désactivée |
| form | form_id | Spécifie à quel formulaire appartient la zone de texte |
| maxlength | nombre | Spécifie le nombre maximum de caractères autorisés dans la zone de texte |
| name | text | Spécifie un nom pour une zone de texte |
| placeholder | text | Spécifie un court indice qui décrit la valeur attendue d'une zone de texte |
| readonly | readonly | Spécifie qu'une zone de texte doit être en lecture seule |
| required | required | Spécifie qu'une zone de texte est requise et doit être remplie |
| rows | nombre | Spécifie le nombre visible de lignes dans une zone de texte |
| wrap | hard soft | Spécifie comment le texte dans une zone de texte doit être enveloppé lors de la soumission dans un formulaire |
Attributs Globaux
Le <textarea> prend également en charge les Attributs Globaux en HTML .
Attributs d'Événement
Le <textarea> prend également en charge les Attributs d'Événement en HTML .
Plus d'Exemples
Exemple
Désactiver l'option de redimensionnement par défaut :
<html>
<head>
<style>
textarea {
resize: none;
}
</style>
</head>
<body>
<label for="w3review">Évaluation de formation-ti.org:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Sur formation-ti.org, vous apprendrez à créer un site web. Ils offrent des tutoriels gratuits dans toutes les technologies de développement web.
</textarea>
</body>
</html> Pages Associées
Référence DOM HTML : Objet Textarea
Tutoriel CSS : Styliser les Formulaires
Paramètres CSS par Défaut
Aucun.