Атрибут 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 допускают выделение только мышью.

Браузеры ?

Браузеры

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

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

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

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

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