HTML - rows Attribute

HTML rows attribute is used to specify the height of the textarea in lines.

The <textarea> element is a multi-line plain-text editing control that is useful when you want users to enter a large number of free-form text.

The size of a text area can also be specified by the CSS height and width properties.

Syntax

<textarea rows="5" >

Where rows="5" specifies the 5 rows that have been taken by the text area to write the paragraph or anything else.

Applies on

Below-listed element allows the use of the HTML rows attribute.

Element	Description
<textarea>	HTML <textarea> tag is used to represent a multiline plain-text editing control.

Examples of HTML rows attribute

Below examples will illustrate the HTML rows attribute, where and how we should use this attribute!

Specified height width textarea

Output window displays textarea with three visible rows.

<!DOCTYPE html>
<html>

<head>
   <title>HTML rows Attribute</title>
</head>

<body>
   <h2>HTML rows Attribute</h2>
   <textarea rows="3">
      The only real mistake is the one 
      from which we learn nothing.
   </textarea>
   <p>
      This textarea has 3 visible rows.
   </p>
   <p>
      You can change that by changing 
      the value of the "rows" attribute. 
   </p>
</body>

</html>

Overriding rows attribute using internal CSS

Output windows displays textarea with the dimensions given in style tag. This overrides the rows attribute mentioned in textarea.

<!DOCTYPE html>
<html>

<head>
   <title>HTML rows Attribute</title>
   <style>
      textarea {
         height: 8em;
         width: 15em;
      }
   </style>
</head>

<body>
   <h2>HTML rows Attribute</h2>
   <textarea rows=2>
      The only real mistake is the one 
      from which we learn nothing.
   </textarea>
   <p>
      You can change height of the text area by 
      changing the value of the height in the CSS. 
   </p>
</body>

</html>

Supported Browsers

Attribute
rows	Yes	Yes	Yes	Yes	Yes

html_attributes_reference.htm