HTML readonly Attribute
Definition and Usage
The readonly attribute is a boolean attribute.
When present, it specifies that an input field or textarea is read-only.
A read-only field cannot be modified (however, a user can tab to it, highlight it, and copy the text from it).
The readonly attribute can be set to keep a user from changing the value
until some other conditions have been met (like selecting a checkbox, etc.). Then,
a JavaScript can remove the readonly value, and make the input field editable.
Applies to
The readonly attribute can be used on the following elements:
| Elements | Attribute |
|---|---|
| <input> | readonly |
| <textarea> | readonly |
Examples
Input Example
An HTML form with a read-only input field:
<form
action="/action_page.php">
Country:
<input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="Submit">
</form>
Try it Yourself »
Textarea Example
A read-only text area:
<textarea readonly>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Try it Yourself »
Browser Support
The readonly attribute has the following browser support for each element:
| Element | |||||
|---|---|---|---|---|---|
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| textarea | Yes | Yes | Yes | Yes | Yes |
