Как работает использование атрибута readonly в HTML?

Атрибут readonly в HTML указывает, что поле ввода или текстовая область доступны только для чтения. www.schoolsw3.com www.w3schools.com

Некоторые особенности работы атрибута:

• Пользователь не может изменить значение такого поля. doka.guide
• При этом он может перейти к полю, выделить его и скопировать из него текст. www.schoolsw3.com www.w3schools.com
• Атрибут позволяет полю ввода получать фокус с клавиатуры, отправлять данные из поля ввода на сервер и стилизовать элемент через CSS при помощи псевдокласса. doka.guide
• Атрибут readonly можно использовать для элементов <textarea> и <input> со следующими типами: text, search, url, tel, email, password, date, month, week, time, datetime-local, number. doka-guide.vercel.app
• Атрибут readonly нельзя применять с тегом <select>, любыми типами кнопок и полями с атрибутом hidden. doka.guide doka-guide.vercel.app

Атрибут readonly часто используют совместно со скриптами, например, пока какое-то условие не выполнено, элемент доступен только для чтения. basicweb.ru