Last Updated : 12 Aug, 2022
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:
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4