Attribut cols de Textarea

Objet Textarea DOM HTML

Définition et utilisation

cols Définit ou renvoie la valeur de l'attribut cols de la zone de texte.

L'attribut HTML cols spécifie la largeur visible de la zone de texte en caractères.

Astuce :Vous pouvez également utiliser style.width Utilisez la propriété pour définir la largeur de la zone de texte.

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

Voir également :

Manuel HTML :Propriété cols du <textarea> HTML

Exemple

Exemple 1

Modifier la largeur de la zone de texte :

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

Essayez-le vous-même

Exemple 2

Obtenir la largeur de la zone de texte en caractères :

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

Essayez-le vous-même

Exemple 3

Utilisez la propriété style.width pour modifier la largeur de la zone de texte :

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

Essayez-le vous-même

Exemple 4

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

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

Essayez-le vous-même

Exemple 5

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

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

Essayez-le vous-même

Syntaxe

Renvoyer la propriété cols :

textareaObject.cols

Définir la propriété cols :

textareaObject.cols = number

Valeur de l'attribut

Valeur Description
number Définit la largeur de la zone de texte (en largeur de caractère moyenne). La valeur par défaut est 20.

Détails techniques

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

Support du navigateur

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

Objet Textarea DOM HTML