Атрибут 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.01 | HTML 5 | XHTML 1.0 | XHTML 1.1 |
Поддержка: | Да | Да | Да | Да |
Поддержка браузерами
Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari |
Версия: | 6.0 и выше | 2.0 и выше | 2.0 и выше | 9.2 и выше | 3.1 и выше |
Поддержка: | Да | Да | Да | Да | Да |