Propriété rows deTextarea

Objet Textarea DOM HTML

Définition et utilisation

rows Propriété pour définir ou retourner la valeur de la propriété rows de la zone de texte.

La propriété HTML rows détermine la hauteur de la zone de texte (nombre de lignes visibles).

Avis :Vous pouvez également utiliser style.height Propriété pour définir la hauteur de la zone de texte.

Avis :Utilisez cols ou style.width Propriété pour modifier la largeur de la zone de texte.

Veuillez également consulter :

Manuel HTML :Propriété rows <textarea> HTML

Exemple

Exemple 1

Modifier le nombre de lignes visibles de la zone de texte :

document.getElementById("myTextarea").rows = "10";

Essayez-le vous-même

Exemple 2

Obtenir la hauteur de la zone de texte en nombre de caractères :

var x = document.getElementById("myTextarea").rows;

Essayez-le vous-même

Exemple 3

Utilisez la propriété style.height pour modifier la hauteur de la zone de texte :

document.getElementById("myTextarea").style.height = "250px";

Essayez-le vous-même

Exemple 4

Utilisez les propriétés cols et rows pour modifier la hauteur et la largeur de la zone de texte :

document.getElementById("myTextarea").rows = "10";
document.getElementById("myTextarea").cols = "100";

Essayez-le vous-même

Exemple 5

Utilisez les propriétés style.width et style.height pour modifier la hauteur et la largeur de la zone de texte :

document.getElementById("myTextarea").style.height = "100px";
document.getElementById("myTextarea").style.width = "500px";

Essayez-le vous-même

Syntaxe

Retourner la propriété rows :

textareaObject.rows

Définir la propriété rows :

textareaObject.rows = number

Valeur de l'attribut

Valeur Description
number Définit le nombre de lignes visibles dans la zone de texte.

Détails techniques

Valeur de retour : Nombre, représentant la hauteur de la zone de texte en caractères.

Compatibilité avec les navigateurs

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

Objet Textarea DOM HTML