Коли до елемента <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
Редактори: Влад Мержевич