HTML <textarea> Tag

What You’ll Learn

The <textarea> tag creates a multi-line text input field. This guide covers syntax, attributes, form integration, textarea vs input, accessibility, and best practices for beginners.

What Is the <textarea> Tag?

The <textarea> tag is an HTML form control that lets users enter multiple lines of text. Unlike <input type="text">, which handles single-line input, textarea is ideal for comments, messages, descriptions, and other longer content.

Common uses include contact form messages, feedback boxes, review text, and any form field that needs more than one line of user input.

📝 Syntax

Wrap default or placeholder text between opening and closing textarea tags:

<textarea>Your text here</textarea>

Labeled Example

<label for="message">Your message</label>
<textarea id="message" name="message" rows="4" cols="50">Type your message here</textarea>

Syntax Rules

• textarea must have a closing tag — it is not a void element.
• Put default text between the tags; use an empty textarea for a blank field.
• Always pair with a label using for and matching id.
• Use name when the field submits data in a form.

⚖️ <textarea> vs <input>

Both collect text, but serve different needs:

Examples Gallery

Basic text areas, sized fields, and form integration with copy-ready code and live previews.

<label for="message">Your message</label>
<textarea id="message" name="message" rows="4" cols="50">Type your message here</textarea>

<textarea rows="6" cols="40">Enter your text here</textarea>

<form action="/submit" method="post">
  <label for="comments">Comments</label>
  <textarea id="comments" name="comments" rows="8" cols="60">Type your comments here</textarea>
  <button type="submit">Submit</button>
</form>

♿ Accessibility

• Always use a label — Connect label for to the textarea id.
• Do not rely on placeholder alone — Placeholder text is not a replacement for a visible label.
• Provide instructions — Use helper text for character limits or formatting expectations.
• Ensure keyboard access — Textareas are focusable by default; avoid disabling without good reason.

💡 Best Practices