Пример
HTML-форма с полем ввода только для чтения:
<form
action="/action_page.php">
<label for="country">Страна:</label>
<input type="text"
id="country" name="country" value="Норвегия" readonly><br><br>
<input type="submit" value="Отправить">
</form>
Попробуйте сами »
Определение и использование
Атрибут readonly является логическим атрибутом.
При его наличии указывается, что поле ввода доступно только для чтения.
Поле ввода только для чтения нельзя изменить (однако пользователь может перейти к нему с помощью клавиши Tab, выделить его и скопировать из него текст).
Атрибут readonly можно установить, чтобы предотвратить изменение значения пользователем до тех пор, пока не будут выполнены некоторые другие условия (например, установлен флажок и т.д.). Затем JavaScript может удалить значение readonly и сделать поле ввода редактируемым.
Примечание: Форма по-прежнему будет отправлять поле ввода, которое находится в состоянии readonly, но не будет отправлять поле ввода, которое отключено (disabled)!
Поддержка браузерами
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает атрибут.
| Атрибут | |||||
|---|---|---|---|---|---|
| readonly | Да | Да | Да | Да | Да |
Синтаксис
<input readonly>