Опубликовано: 25.06.2010 Последняя правка: 08.12.2015
HTMLXHTML
IEChromeFireFoxOperaSafari

Атрибут readonly

Атрибут readonly, тега <INPUT>, запрещает изменять текстовое поле формы, только для type="text" или "password". Данный атрибут играет роль булевой переменной. Изменить значение readonly можно только динамически, используя скрипты.

Если установлен атрибут readonly, то в текстовое поле формы не может быть вбит новый текст или удален старый. Тем не менее, на таком поле можно сфокусироваться, нажав клавишу быстрого доступа, или перейти с помощью табуляции (клавиша Tab). А также — данное текущее (неизменяемое) значение элемента является действующим, то есть оно может быть отправлено на сервер и обработано CGI-программой.

Булева переменная — это переменная, которая может иметь всего два значения: true или false (истина или ложь). В нашем случае присутствие readonly является истиной (поле нельзя изменять), а его отсутствие - ложью (изменяемое поле).

Значения

Атрибут сам играет роль значения.

Значение по умолчанию: Если атрибут readonly отсутствует, то текстовое поле формы можно изменять.

Синтаксис

<input readonly>

Обязательный атрибут: нет.

Пример HTML: применение атрибута readonly

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Тег INPUT, атрибут readonly</title>
 </head>
 <body>
  <form action="files/questions.php">
   <p>Ваше имя:<br>
    <input type="text" name="name" readonly value="Винни Пух"><br>
    Вы любите...<br>
    <input type="checkbox" checked name="food" value="1">Мед
    <input type="checkbox" name="food" value="2">Варенье
    <input type="checkbox" name="pig" value="3">Пятачка</p>
   <div><input type="submit" name="ok" value="Отправить"></div>
  </form>
 </body>
</html>

Результат примера

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа