References

Beginner-friendly references for web development, with live, editable examples.

The HTML rows attribute

Attribute All modern browsers Updated
Quick answer

The HTML rows attribute sets the visible number of text lines. It is used on the <textarea> element.

Overview

The rows attribute sets the visible line count of a textarea. It is used on the <textarea> element.

It configures a <textarea> multi-line text field: its visible size and how line breaks are handled on submission.

Syntax

<textarea rows="6"></textarea>

Values

Value
A positive integer (default 2).

Example

Live example 
<textarea rows="4" cols="30">Four rows tall</textarea>

Best practices

  • Set the visible size with rows (and cols), or with CSS height.
  • Pair the textarea with a <label>.
  • Use the CSS resize property if the drag-to-resize handle does not suit your layout.
  • Limit length with the maxlength attribute.

Frequently asked questions

What does the rows attribute do?
Sets the visible line count of a textarea.
How do I set the size of a textarea?
Use the rows and cols attributes, or set its width and height with CSS.
What is the difference between wrap="soft" and wrap="hard"?
It controls whether the browser's automatic wrap points become real line breaks in the submitted value: soft (the default) submits the text unchanged, while hard inserts a line break at each wrap point and requires cols to be set.
Which elements use the rows attribute?
It is an element-specific attribute, used on the <textarea> element.
reversed rowspan