Атрибут readonly HTML тега <input>
Значение и применение
Атрибут readonly (HTML тега
<input>) является логическм атрибутом, который указывает, что поле ввода доступно только для чтения. При этом текст, который
находится внутри поля доступен для копирования.
Попробуйте readonly в тренажёре HTML-форм: настройте поле, проверьте ввод и разберите результат.
Атрибут readonly игнорируется если у элемента
<input>
атрибут type имеет значения: hidden, range, color,
checkbox, radio, file, button или submit. Как
правило, используется совместно со скриптами, например, пока какое-то условие не выполнено элемент доступен только для
чтения.
Поддержка браузерами
Спецификация: multipage
Поддерживается во всех основных браузерах с 2015 года.
| Возможность | Компьютеры | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
 Chrome |  Edge |  Firefox |  Opera |  Safari | Chrome Android | Firefox for Android | Opera Android |  Safari on iOS |  Samsung Browser |  WebView Android | WebView on iOS | |
readonly | 1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 | 1 |
поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31
Синтаксис:
<input readonly>
Значения атрибута
| Значение | Описание |
|---|---|
readonly |
Значение атрибута требуется только в XHTML (<input readonly = "readonly"/>). |
Отличия HTML 4.01 от HTML 5
Нет.Примеры, попробуйте сами
Атрибут readonly элемента input
Измените readonly в HTML и сравните результат.
index.html
<label for="field">Поле примера</label><input id="field" value="Готовый текст" readonly />