How to set form read-only in javascript

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

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

How to set the form 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 that the user cannot modify the information in it, such as using The content of 27f99ac88de2effeb81280b6bf4887ac, 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>

[Related recommendations:javascript advanced tutorial】

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