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