HTML implements read-only text box and cannot modify the content

 <!--Method 1: onfocus=this.blur() When the mouse cannot be placed, it will lose focus-->
<input type="text" name="input1" value="中国" onfocus=this.blur()> 
<!-- Method 2: readonly text will not change color and is not editable -->
<input type="text" name="input1" value="中国" readonly> 
<input type="text" name="input1" value="中国" readonly="true"> 
<!-- Method 3: disabled The text will turn gray and cannot be edited. -->
<input type="text" name="input1" value="中国" disabled="true">