Textarea cols 属性

HTML DOM Textarea 对象

定义和用法

cols 属性设置或返回文本区域的 cols 属性的值。

HTML cols 属性规定文本区域的可见宽度，以字符计。

提示：您还可以使用 style.width 属性来设置文本区域的宽度。

提示：请使用 rows 属性或 style.height 属性来更改文本区域的高度。

另请参阅：

HTML 参考手册：HTML <textarea> cols 属性

实例

例子 1

更改文本区域的宽度：

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

亲自试一试

例子 2

获取文本区域的宽度，以字符为单位：

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

亲自试一试

例子 3

使用 style.width 属性更改文本区域的宽度：

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

亲自试一试

例子 4

使用 cols 和 rows 属性更改文本区域的宽度和高度：

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

亲自试一试

例子 5

使用 style.width 和 style.height 属性更改文本区域的宽度和高度：

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

亲自试一试

语法

返回 cols 属性：

textareaObject.cols

设置 cols 属性：

textareaObject.cols = number

属性值

值 描述
number 规定文本区域的宽度（以平均字符宽度计）。默认值为 20。

技术细节

返回值： 数值，表示文本区域的宽度，以字符为单位。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

HTML DOM Textarea 对象