Skip to content
Related Articles

Related Articles

Save Article
Improve Article
Save Article
Like Article

How to create a multiline input control text area in HTML5 ?

  • Last Updated : 06 Sep, 2021

The HTML <textarea> tag is used to specify a multiline input control text area in HTML5.  The <cols> and <rows> attributes specify size of a textarea.

Syntax

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

<textarea rows="" cols=""> Contents... </textarea>

The <textarea> tag contains 5 attributes that are listed below:

  • cols: It specifies width of textarea.
  • rows: It specifies height of textarea.
  • name: It holds the name to input control.
  • maxlength or minlength: It specifies the maximum or minimum number of characters in textarea.
  • placeholder: It specifies the hint of the value of textarea.

Example 1:



In this example, we will set the rows, and cols attribute to create a multiline control input textarea.

HTML




<!DOCTYPE html>
<html>
 
<body>
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
    <textarea rows="10" cols="20">
        welcome to GeeksforGeeks Aman Rathod.
        A perfect Portal for Geeks
    </textarea>
</body>
 
</html>

Output:

Example 2: In this example, we will set the number of characters allowed in the input textarea.

HTML




<!DOCTYPE html>
<html>
 
<body>
    <h1 style="color:green;">
      GeeksforGeeks
    </h1>
    <textarea minlenght="100" maxlength="300"
        placeholder="Give Feedback here">
    </textarea>
</body>
 
</html>

Output: 

 




My Personal Notes arrow_drop_up
Recommended Articles
Page :