Атрибут readonly HTML тега input

Атрибут 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>