Атрибут readonly
Влад Мержевич
Internet Explorer
Chrome
Opera
Safari
Firefox
Android
iOS
6.0+
1.0+
4.0+
1.0+
1.0+
1.0+
1.0+
Спецификация
HTML:
3.2
4.01
5.0
XHTML:
1.0
1.1
Описание
Когда к тегу <input> добавляется атрибут readonly, текстовое поле не может изменяться пользователем, в том числе вводиться новый текст или модифицироваться существующий. Тем не менее, состояние и содержимое поля можно менять с помощью скриптов.
Синтаксис
HTML
<input type="text" readonly>
<input type="password" readonly> XHTML
<input type="text" readonly="readonly" />
<input type="password" readonly="readonly" />Значения
Нет.
Значение по умолчанию
По умолчанию это значение выключено.
Пример
HTML5IECrOpSaFx
<!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 допускают выделение только мышью.