Описание readonly
Атрибут readonly является логическим атрибутом.
Атрибут readonly указывает, что поле ввода или текстовая область доступно только для чтения.
Поле только для чтения не может быть изменено (однако пользователь может перейти к нему, выделить его и скопировать из него текст).
Атрибут readonly может быть установлен, чтобы пользователь не изменял значение, пока не будут выполнены некоторые другие условия (например, выбор флажка и т. д.). Затем, JavaScript может удалить значение readonly и сделать поле ввода для редактирования.
Применение readonly
Атрибут readonly можно использовать для следующих элементов:
| Элемент | Атрибут |
|---|---|
| <input> | readonly |
| <textarea> | readonly |
Примеры 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
Атрибут readonly имеет следующую поддержку браузера для каждого элемента:
| Элемент | |||||
|---|---|---|---|---|---|
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| textarea | Да | Да | Да | Да | Да |