Textarea cols Property
Textarea Object
Definition and Usage
The cols property sets or returns the width of a text
area, in characters.
Syntax
Set the cols property:
textareaObject.cols="number"
Return the cols property:
| Value |
Description |
| number |
Specifies the width of the textarea, in characters. Default is 20 |
Browser Support

The cols property is supported in all major browsers.
Example
Example
Change the width of a textarea:
<html>
<head>
<script>
function displayResult()
{
var textarea=document.getElementById("myTextarea");
textarea.cols=document.getElementById("myInput").value;
}
</script>
</head>
<body>
<textarea id="myTextarea" cols="20">
At W3Schools you will find all the Web-building tutorials you need, from basic
HTML to advanced XML, SQL, ASP, and PHP.
</textarea>
<br>
<p>Set cols attribute value: <input type="text" id="myInput" value="60">
<button type="button" onclick="displayResult()">Change cols
attribute</button></p>
</body>
</html>
Textarea Object
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]