THE WORLD'S LARGEST WEB DEVELOPER SITE

Input Text readOnly Property

❮ Input Text Object

Example

Set a text field to read-only:

document.getElementById("myText").readOnly = true;
Try it Yourself »

Definition and Usage

The readOnly property sets or returns whether a text field is read-only, or not.

A read-only field cannot be modified. However, a user can tab to it, highlight it, and copy the text from it.

Tip: To prevent the user from interacting with the field, use the disabled property instead.


Browser Support

Property
readOnly Yes Yes Yes Yes Yes

Syntax

Return the readOnly property:

textObject.readOnly

Set the readOnly property:

textObject.readOnly = true|false

Property Values

Value Description
true|false  Specifies whether a text field should be read-only or not
  • true - The text field is read-only
  • false - Default. The text field is changeable


Technical Details

Return Value: A Boolean, returns true if the text field is read-only, otherwise it returns false

More Examples

Example

Find out if a text field is read-only or not:

var x = document.getElementById("myText").readOnly;
Try it Yourself »

Related Pages

HTML reference: HTML <input> readonly attribute


❮ Input Text Object