W3Schools.com

Textarea cols Property

Textarea Object Reference 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:

textareaObject.cols

Value Description
number Specifies the width of the textarea, in characters. Default is 20


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The cols property is supported in all major browsers.


Example

Example

Change the width of a textarea:

<html>
<head>
<script type="text/javascript">
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 Reference Textarea Object
WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Best Hosting Coupons
UK Reseller Hosting
Cloud Hosting
Top Web Hosting
$7.95/mo SEO Hosting
Premium Website Design
WEB BUILDING
XML Editor - Free Trial!
FREE Website BUILDER
Free Website Templates Free CSS Templates
Make Your Own Website
W3SCHOOLS EXAMS
Get Certified in:
HTML, CSS, JavaScript, XML, PHP, and ASP
W3SCHOOLS BOOKS
New Books:
HTML, CSS
JavaScript, and Ajax
STATISTICS
Browser Statistics
Browser OS
Browser Display
SHARE THIS PAGE