⚙️ Что такое атрибут readonly в HTML и зачем он используется?

Атрибут readonly делает поле формы доступным только для чтения — пользователь может видеть значение, но не может его изменить. В отличие от disabled, такое поле отправляется с формой.

➡️ Пример:

<form>
  <label>
    Ваш ID:
    <input type="text" value="12345" readonly>
  </label>
  <button type="submit">Отправить</button>
</form>

🗣️ Почему полезно:

• readonly позволяет отображать данные, которые нельзя редактировать
• Поле остаётся активным для копирования и отправляется на сервер
• Часто используется в админках, профилях и при редактировании ограниченного набора данных
• Отличие от disabled: readonly не блокирует стили и взаимодействие полностью.

Атрибут readonly — удобный способ показывать неизменяемую, но отправляемую информацию в форме.

CodeBase | Frontend | #Основы