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 對象