Check out example codes for "readonly attribute in html". It will help you in understanding the concepts better.

Code Example 1

<!--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 2

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

Code Example 3

<!--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