Home > Article > Web Front-end > 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 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>
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!