Home >Web Front-end >Front-end Q&A >How to set text box read-only in javascript

How to set text box read-only in javascript

藏色散人
藏色散人Original
2022-01-18 15:04:594738browse

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".

How to set text box read-only in javascript

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn