Атрибут readonly является атрибутом-переключателем. Если данный атрибут указан, то поле формы будет только для чтения. Такое поле нельзя изменять, тем не менее, пользователь может переключать на него фокус, выделять его и копировать его содержимое.
Атрибут readonly может использоваться для того, чтобы пользователь не мог изменить значение поля формы до выполнения каких-либо дополнительных условий (например, выбор из выпадающего списка или т.п.). После этого скрипт JavaScript может убирать атрибут readonly, что сделает данное поле доступным для редактирования.
В XHTML минимизация атрибутов запрещена, поэтому атрибут readonly должен определяться как <input readonly="readonly">.
Синтаксис атрибута
<input readonly>
Пример использования атрибута
HTML форма с текстовым полем, которое предназначено только для чтения:
<form action="//msiter.ru/demo_form.asp">
Страна: <input type="text" name="country" value="Норвегия" readonly><br>
<input type="submit" value="Отправить">
</form>