Open In App

HTML | input readonly Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

The readonly attribute of <input> element in HTML is used to specify that the input field is read-only. If an input is readonly, then it’s content cannot be changed but can be copied and highlighted. It is a boolean attribute. 

Syntax:

<input readonly>

Example: This example uses HTML <input> readonly Attribute. 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>HTML Input readonly Attribute</title>
</head>
 
<body style = "text-align:center">    
    <h1 style = "color: green;">
        GeeksforGeeks
    </h1>
         
    <h2>
        HTML Input readonly Attribute
    </h2>
 
    <label>Input:
     
        <!--A readonly input-->
        <input type="text" name="value" value =
            "This input field is readonly" readonly>
    </label>
</body>
 
</html>                   


Output:

 inputreadonly 

Supported Browsers: The browser supported by <input> readonly attribute are listed below:

  • Apple Safari 1.0
  • Google Chrome 1.0
  • Edge 12.0
  • Firefox 1.0
  • Opera 12.1
  • Internet Explorer 5.5

Last Updated : 12 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads