HTML <textarea> readonly Attribute

The readonly attribute on a <textarea> tag specifies that the textarea is read-only, which means the element is non-editable.

Example

#

A readonly attribute on a <textarea> element.
The textarea is not editable, but its value is included during form submission.




<form action="/tutorial/action.html">
  <label for="summary">Summary</label><br />
  <textarea name="summary"
            rows="5" cols="60" readonly>
Starting with her idyllic life on a sprawling plantation, 
the book traces her survival through the tragic history of 
the South during the Civil War and Reconstruction, and her 
tangled love affairs with Ashley Wilkes and Rhett Butler.
  </textarea><br /><br />
  
  <input type="submit">
</form>

Using readonly

The readonly attribute specifies that an textarea is read-only.

A textarea with readonly enabled cannot be modified, but it will send its data when submitted.


Syntax

<textarea readonly>

Browser support

Here is when readonly support started for each browser:

Chrome
1.0 Sep 2008
Firefox
1.0 Sep 2002
IE/Edge
1.0 Aug 1995
Opera
1.0 Jan 2006
Safari
1.0 Jan 2003

You may also like

 Back to <textarea>
Guides