Skip to content

<textarea>

The <textarea> element is a multi-line plain-text input for free-form entry. Use the rows attribute to control default height. Always pair with a <label> or aria-label to provide an accessible name for screen readers.

Basic Textarea

live preview
editable html
<textarea
  name="bio"
  placeholder="Write a professional short bio..."
  aria-label="Professional short bio"
></textarea>

With Label

live preview
editable html
<label for="message">Message</label>
<textarea id="message" rows="4" placeholder="Enter your message"></textarea>

With Rows

live preview
editable html
<textarea rows="3" placeholder="Three rows"></textarea>
<textarea rows="6" placeholder="Six rows"></textarea>