An HTML form with a read-only input field:
The readonly attribute is a boolean attribute.
When present, it specifies that an input field is read-only.
A read-only input field cannot be modified (however, a user can tab to it, highlight it, and copy the text from it).
The readonly attribute can be set to keep a user from changing the value until some other conditions have been met (like selecting a checkbox, etc.). Then, a JavaScript can remove the readonly value, and make the input field editable.
The numbers in the table specify the first browser version that fully supports the attribute.
Attribute | |||||
---|---|---|---|---|---|
readonly | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
NONE.
In XHTML, attribute minimization is forbidden, and the readonly attribute must be defined as <input readonly="readonly" />.