How to set text box read-only in javascript

How to set the text box read-only in javascript: 1. Set by "onfocus=this.blur()"; 2. Set by "readonly"; 3. Set the text box read-only by "disabled".

The operating environment of this article: windows7 system, javascript version 1.8.5, Dell G3 computer.

How to set the text box read-only in javascript?

javascript: How to make the form text box read-only and non-editable

Sometimes, we want the text box in the form to be read-only, so Users cannot modify the information. For example, in the content of , the word "China" cannot be modified. To summarize, the implementation methods are as follows.

Method 1:

onfocus=this.blur()

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

Method 2:

readonly

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

Method 3:

disabled

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

Recommended study: "js Basic Tutorial"

The above is the detailed content of How to set text box read-only in javascript. For more information, please follow other related articles on the PHP Chinese website!