How to create a multiline input control text area in HTML5 ?
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
<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:
Please Login to comment...