Атрибут HTML только для чтения
Определение и использование
Атрибут readonlyявляется логическим атрибутом.
Когда он присутствует, он указывает, что поле ввода или текстовая область доступны только для чтения.
Поле только для чтения нельзя изменить (однако пользователь может перейти к нему, выделить его и скопировать из него текст).
Атрибут readonlyможно настроить таким образом, чтобы пользователь не мог изменить значение до тех пор, пока не будут выполнены некоторые другие условия (например, установка флажка и т. д.). Затем JavaScript может удалить значение только для чтения и сделать поле ввода редактируемым.
Относится к
Атрибут 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 w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Поддержка браузера
Атрибут readonlyимеет следующую поддержку браузера для каждого элемента:
| Element | |||||
|---|---|---|---|---|---|
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| textarea | Yes | Yes | Yes | Yes | Yes |