HTML readonly attribute

Last update on August 19 2022 21:51:12 (UTC/GMT +8 hours)

readonly

The purpose of the HTML readonly attribute is to disallow users to enter data in the associated element.

Supported elements

HTML readonly attribute supports input and textarea elements.

Syntax

<ElementName readonly="value" >.....</ElementName>

Where ElementName is any supported element.

Type of value

Predefined.

Value

readonly.

Supported doctypes

HTML 4.01 strict, HTML 4.01 transitional, HTML 4.01 frameset.

Example of HTML readonly attribute with input and textarea elements

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML readonly attribute with input and textarea elements</title>
</head>
<body>
<form name="user_info" action="action.php" method="post">
Name : <input type="text" name="name" readonly="readonly"><br>
email  : <input type="text" name="email"><br>
Describe yourself : <br>
<textarea rows="10" cols="10" name="describe_yourself" readonly="readonly">
</textarea><br>
<input type="submit" name="submit" value="Submit">
</form>
</body>
</html>

Result

html readonly attribute with input and textarea elements

View this example in a separate browser window

Example of HTML readonly attribute with input and textarea elements

Previous: HTML profile attribute
Next: HTML rel attribute