How to prevent user from typing in text field without disabling the field?

A non-Javascript alternative that can be easily done: You can use the readonly attribute instead of the disabled attribute. It prevents editing the text in the input, but browsers style the input differently