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 | Да | Да | Да | Да | Да |
