HTML Textarea
HTML Textarea
The HTML <textarea> tag is used to define a multi-line text input control.
It can hold unlimited number of characters and the texts are displayed in a fixed-width font (usually courier).
The size of the HTML textarea is defined by <cols> and <rows> attribute, or it can also be defined through CSS height and width properties.
HTML Textarea Example
<textarea rows="9" cols="70">
Easytolearning textarea tag example with rows and columns.
</textarea>
Output:
Supporting Browsers
| Element | Chrome | IE | Firefox | Opera | Safari |
| <textarea> | Yes | Yes | Yes | Yes | Yes |
New HTML 5 Textarea Attributes
| Attribute | Description |
|---|---|
| autofocus | It specifies that a text area should be automatically get focused when the page is loaded. |
| form | It specifies one or more forms the textarea belongs to. |
| maxlength | It specifies the maximum number of characters allowed in the text area. |
| placeholder | It specifies a short hint that describes the expected value of a textarea. |
| required | It specifies that textarea must be filled out. |
| wrap | It specifies that how the texts in the textarea are wrapped at the time of the submission of the form. |
HTML Textarea form attribute
The form attribute specifies one or more forms the text area belongs to.
<form action="updates.php" id="usrform">
Name: <input type="text" name="usrname">
<input type="submit">
</form>
<br>
<textarea rows="9" cols="70" name="comment" form="usrform">
Enter text here...</textarea>
<p>The text area above is outside the form element, but should still be a part of the form.</p>
<p><b>Note:</b> The form attribute is not supported in Internet Explorer.</p>
Output:
The textarea element above is outside the form , but it is still the part of the form.
Note: The form attribute is not supported in Internet Explorer.
Series:
HTML Tutorials Hub
