Open In App

HTML | input readonly Attribute

Last Updated : 12 Aug, 2022
Comments
Improve
Suggest changes
Like Article
Like
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

Next Article

Similar Reads