HTML readonly Attribute

Last Updated : 11 Jul, 2025

The HTML readonly attribute, when applied to input fields or text areas, prevents users from editing the content, allowing it only for viewing purposes.

Syntax

<input readonly>

Supported Tags

This attribute is used with two elements which are listed below:

Element	Description
`<input>`	Used with the `readonly` attribute for read-only input fields.
`<textarea>`	Utilized with the `readonly` attribute for read-only text areas.

HTML readonly Attribute Examples

Example1: In this example we demonstrates the use of the readonly attribute in an input element, making the "Country" input field read-only, while allowing editing for the "Email" field.

Output:

👁 readonly

HTML readonly Attribute example output

Example2:

In this example we are using the readonly attribute in a <textarea>, preventing user editing and allowing viewing of pre-filled content about GeeksForGeeks.

Output:

👁 readonly2

HTML readonly Attribute example output