HTML textarea tag Examples
Example 1: This simple example illustrates the use of the <textarea> tag in HTML that enables the multi-line text input control.
HTML
<!DOCTYPE html> < html > < head > < title >textarea tag</ title > </ head > < body > < h1 >w3wiki</ h1 > < h2 >HTML Textarea tag </ h2 > < form action = "#" > < textarea rows = "10" cols = "20" name = "blog" > Share your knowledge by writing your own blog! </ textarea > < br > < input type = "submit" value = "submit" > </ form > </ body > </ html > |
Output:
Explanation:
- In this example we are using the <textarea> tag within a <form> element.
- Specifies rows, cols, and name attributes to define its dimensions and identifier.
- Displays placeholder text for user guidance.
- Provides a submit button to send the textarea content to the server.
Example 2: In this example, we have used the resize property whose value is set to none that will disable the resize option of the textarea.
HTML
<!DOCTYPE html> < html > < head > < title >HTML textarea tag</ title > < style > textarea { resize: none; } </ style > </ head > < body > < h1 >w3wiki</ h1 > < h2 >HTML Textarea tag </ h2 > < form action = "#" > < textarea rows = "7" cols = "50" name = "comment" > </ textarea > < br > < input type = "submit" > </ form > </ body > </ html > |
Output:
Explanation:
- In the above example we disables resizing of the textarea using CSS.
- Contains a <form> element with a <textarea> tag for user input.
- Specifies rows, cols, and name for defining textarea dimensions and identification.
- Includes a submit button within the form for form submission.
HTML tag</h1></div>
HTML <textarea> tag is used to define a multi-line plain-text editing control. It’s used in forms to collect user inputs like comments or reviews. Attributes like cols and rows define its size, while the name is needed for form data submission and the ID for label linkage. It renders text in a fixed-width font.
Syntax:
<textarea>....</textarea>