Check out example codes for "read only html". It will help you in understanding the concepts better.
Code Example 1
<!-- Using readonly attribute is use to prevent changing of input value. -->
Example:
<input type="text" name="username" value="lol" readonly>
Code Example 2
<!--The readonly attribute means that the value of input field is not editable
-->
<form action="">
<label for="country">Language:</label>
<input type="text" id="language" name="language" value="English" readonly>
<input type="submit" value="Submit">
</form>
Code Example 3
<!-- Using readonly attribute is use to prevent changing of input value. -->
Example:
<input type="text" name="username" value="ankur" readonly>
Code Example 4
<!--The readonly attribute means that the value of an input element
cannot be changed-->
<form action="/action_page.php">
<label for="country">Country:</label>
<input type="text" id="country" name="country" value="Norway" readonly><br><br>
<input type="submit" value="Submit">
</form>
Learn ReactJs, React Native from akashmittal.com