If you ever need to make an input field or text area non-editable the
readonly attribute comes in very handy.
readonly attribute is present in the markup, it specifies that the user will not be able to modify the value. However the user will still be able to tab to it and copy the text.
<input type="text" name="input" value="Web Design Weekly Rocks!" readonly>
readonly attribute is ignored if the value of the type attribute is hidden, range, color, checkbox, radio, file, or a button type.