Share multiple implementation methods of html text box text being unavailable and read-only

This article shares various implementation methods of HTML text box text being unavailable and read-only. You can refer to it if necessary

Sometimes, we hope that the text box in the form is read-only so that users cannot modify it. Information, this article has compiled a variety of implementation methods, interested friends can refer to the following Method one: Not available
Method two: Read only
Method 3: Hide (but takes up space)
Method 4: Hidden (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()

The code is as follows:

<input type="text" name="input1" value="中国" onfocus=this.blur()>

Method 2: readonly

The code is as follows:

<input type="text" name="input1" value="中国" readonly> 
<input type="text" name="input1" value="中国" readonly="true">

Method 3: disabled

The code is as follows:

<input type="text" name="input1" value="中国" disabled>

The above is the detailed content of Share multiple implementation methods of html text box text being unavailable and read-only. For more information, please follow other related articles on the PHP Chinese website!