how to make a input field read only code example

Example 1: readonly attribute in html by javascript

document.getElementById("yourID").readOnly = true;

Example 2: read only html

<!-- Using readonly attribute is use to prevent changing of input value. -->
Example:
<input type="text" name="username" value="lol" readonly>