The readonly and aria-readonly attributes both tell users that a value cannot be changed. However, they work in different ways.
The readonly attribute
The readonly attribute is used for form controls that have a value users would normally be able to edit.
It prevents users from changing that value, while still allowing them to focus the control, read the value, select it and copy it.

