CSS властивості
ГлавнаяАтрибути HTMLАтрибут readonly до HTML тега <input>

Атрибут readonly до HTML тега <input>

123

Коли до елемента <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 допускають виділення тільки мишею.

Браузери

5 12 1 7 1 1
1 1 6 1

Браузери

У таблиці браузерів застосовуються такі позначення.

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

Число вказує версію браузреа, починаючи з якої елемент підтримується.

>

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

Автор: Влад Мержевич
Останнє змінення: 02.01.2017
Редактори: Влад Мержевич