HTML | input readonly Attribute

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:

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

Article Tags :

HTML

Web Technologies

HTML-Attributes