Pure.CSS Read Only Inputs
The "readonly" attribute is used to make a form input read only. The difference between disabled and readonly is read-only inputs are still focusable but you can not write anything. This allows people to interact with the input and select its text, whereas disabled controls are not interactive.
Example:Test it Now