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: b886a217dab76f916a461b09d40eea28 Not available
Method two: fa9425524ec1da917815b3b3dbbad6f6 Read only
Method 3: 077e2aeb55193da6c4132cd337ba70a8 Hide (but takes up space)
Method 4: 4bb60365fa165b371416ab544774108d 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 c75d62e8d4a24eb7dfc353aaa4adfd08, 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!