Summary -

In this topic, we described about the <textarea> tag along with detailed example.

Multi-line plain text editor control in form of HTML documents. The <textarea> tag used to specify a multiline plain text edit control in an HTML <form>.

User can able to enter multiple lines of data by using <textarea> tag. The tag can be specified like <textarea></textarea> with any contents in between the opening and closing tags.

The text area can hold the unlimited number of characters. The content in the <textarea> element after initial page loading is the initial value of field.

Syntax -

<textarea>.... </textarea>

Optional Attributes -

autocompleteSpecifies the browser implement autocomplete or not.on (default)off
autofocusSpecifies the text are should get focused on page loads.HTML5 attributeautofocus
colsSpecifies the required characters number per line.Number. Default value is 20.
dirnameSpecifies the direction of the field while sending the data.Text (no spaces).
disabledSpecifies the text area should be disabled.None.
formSpecifies the text area associated form.HTML5 attributeForm_id
maxlengthSpecifies the max number of characters allowed in text area.HTML5 attributeNumber.
minlengthSpecifies the min number of characters allowed in text area.HTML5 attributeNumber.
nameSpecifies the textarea name.Text (no spaces).
placeholderHint that specifies the what kind of data expecting as input in textarea.HTML5 attributetext
readonlySpecifies text area is readonly.Readonly
requiredSpecifies textare must be filled or data entered.HTML5 attributeRequired
rowsSpecifies textarea visible number of rows.Number. Default value is 2.
wrapSpecifies the text are data wrapping when the form is submitted. HTML5 attributesoft (default)hard: Should be wrapped.

Example -

<!DOCTYPE html>
		<title>Textarea tag example.. </title>
		<p>Enter text area input</p>
		<textarea rows="5" cols="67">
			text area….

Output -

Enter input in text area: