САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Тег <input> атрибут readonly

❮ HTML тег <input>


Пример

HTML форма с полем ввода только для чтения:

<form action="/action_page.php">
  <label for="country">Страна:</label>
  <input type="text" id="country" name="country" value="Россия" readonly><br><br>
  <input type="submit" value="Submit">
</form>
Попробуйте сами »

Определение и использование

Атрибут readonly является логическим атрибутом.

При наличии атрибут readonly указывает, что поле ввода доступно только для чтения.

Поле ввода только для чтения не может быть изменено (однако пользователь может перейти к нему, выделить его и скопировать текст из него).

Атрибут readonly может быть установлен так, чтобы пользователь не менял значение до тех пор, пока не будут выполнены некоторые другие условия (например, установлен флажок и т. д.). Затем JavaScript может удалить значение только для чтения и сделать поле ввода редактируемым.

Примечание: Форма по прежнему будет отправлять поле ввода, которое доступно только для чтения, но не будет отправлять поле ввода, которое отключено!


Поддержка браузеров

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот атрибут.

Атрибут
readonly Да Да Да Да Да

Синтаксис

<input readonly>

❮ HTML тег <input>