Easy Tutorial
❮ Prop Img Alt Jsref Setminutes ❯

rows Attribute of Textarea

Textarea Object

Example

Modify the number of rows (height) of a textarea:

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

Definition and Usage

The rows attribute sets or returns the value of the rows attribute of a textarea.

The rows attribute specifies the height of the text box in rows.

Tip: You can use the style.height property to set the height of the textarea element.

Tip: You can use the cols and style.width properties to set the width and height of the textarea element.


Browser Support

Property
rows Yes Yes Yes Yes Yes

Syntax

Set the rows attribute:

textareaObject.rows = number

Return the rows attribute:

textareaObject.rows

Tip: The rows attribute has no default value.


Attribute Values

Value Description
number Specifies the number of visible lines in the text area

Technical Details

| Return Value: | A number representing the height of the text box. |


More Examples

Example

Get the height (value of the rows attribute) of a textarea element:

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

Example

Modify the height of a textarea element using style.height:

document.getElementById("myTextarea").style.height = "250px";

Example

Modify the height and width using the cols and rows attributes of a textarea element:

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

Textarea Object

❮ Prop Img Alt Jsref Setminutes ❯