САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ
Внимание!!! Идёт обновление Учебника JavaScript

HTML Атрибут readonly



Определение и использование

Атрибут readonly является логическим атрибутом.

При наличии он указывает, что поле ввода или текстовая область доступно только для чтения.

Поле только для чтения не может быть изменено (однако пользователь может перейти к нему, выделить его и скопировать из него текст).

Атрибут readonly может быть установлен, чтобы пользователь не изменял значение, пока не будут выполнены некоторые другие условия (например, выбор флажка и т. д.). Затем, JavaScript может удалить значение readonly и сделать поле ввода для редактирования.


Применение

Атрибут readonly можно использовать для следующих элементов:

Элемент Атрибут
<input> readonly
<textarea> readonly

Примеры

Пример Input

Форма HTML с полем ввода только для чтения:

<form action="/action_page.php">
 Страна: <input type="text" name="country" value="Норвегия" readonly><br>
 <input type="submit" value="Отправить">
</form>
Попробуйте сами »

Пример Textarea

Текстовое поле только для чтения:

<textarea readonly>
В schoolsw3.com вы узнаете, как сделать сайт. Мы предлагаем бесплатные обучающие программы по всем технологиям веб-разработки.
</textarea>
Попробуйте сами »

Поддержка браузеров

Атрибут readonly имеет следующую поддержку браузера для каждого элемента:

Элемент
input 1.0 6.0 1.0 1.0 1.0
textarea Да Да Да Да Да