Multiple implementation methods of html text box (text) being unavailable and read-only_HTML/Xhtml_Web page production

Method one: Not available
Method two: Read-only
Method 3: Hide (but takes up space)
Method 4: Hide (does not occupy space)

Sometimes, we want the text box in the form to be read-only so that the user cannot modify the information in it, such as < In the content of input type="text" name="input1" value="China">, the word "China" cannot be modified. To summarize, the implementation methods are as follows.

Method 1: onfocus=this.blur()

Copy code

The code is as follows:

Method 2: readonly

Copy code

The code is as follows:

Method 3: disabled

Copy code

The code is as follows: