Атрибут readonly

Когда к элементу <input> добавляется атрибут readonly, текстовое поле не может изменяться пользователем, в том числе вводиться новый текст или модифицироваться существующий. Тем не менее, состояние и содержимое поля можно менять с помощью скриптов и данные отправляются на сервер.

Синтаксис

<input type="text" readonly>
<input type="password" readonly>

Значения

Нет.

Значение по умолчанию

По умолчанию этот атрибут выключен.

Пример

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>INPUT, атрибут readonly</title> </head> <body> <form action="handler.php"> <p><input type="text" name="comment" size="40" value="Введенный текст не может изменяться" readonly></p> </form> </body> </html>

Результат примера показан на рис. 1.

Текстовое поле только для чтения

Рис. 1. Текстовое поле только для чтения

Примечание

Браузеры Firefox и Internet Explorer позволяют в поле для чтения установить курсор и выделять текст с помощью клавиатуры. Opera, Chrome и Safari допускают выделение только мышью.

Браузеры

5121711
1161

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 02.01.2017
Редакторы: Влад Мержевич
Как научиться разрабатывать сайты