HTML readonly Атрибут
Определение и использование
Атрибут readonly является логическим атрибутом.
При наличии, он указывает, что поля ввода или текстовое поле только для чтения.
Поле только для чтения не может быть изменено (Однако пользователь может заносить на него вкладку, выделять его и копировать текст из него).
Атрибут readonly можно настроить так, чтобы пользователь не мог изменять значение, пока не будут выполнены некоторые другие условия (например, выбор флажка и т. д.). Затем JavaScript может удалить значение readonly и сделать поле ввода редактируемым.
Относится к
Атрибут readonly можно использовать для следующих элементов:
| Элементы | Атрибут |
|---|---|
| <input> | readonly |
| <textarea> | readonly |
Пример
Пример ввода
HTML-форма с полем ввода только для чтения:
<form
action="/action_page.php">
Country:
<input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="Submit">
</form>
Пример текстового
Текстовая область только для чтения:
<textarea readonly>
At html5css.ru you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Поддержка браузера
Атрибут readonly имеет следующую поддержку браузера для каждого элемента:
| Элемент | |||||
|---|---|---|---|---|---|
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| textarea | Да | Да | Да | Да | Да |