Home >Web Front-end >HTML Tutorial >Multiple implementation methods of html text box (text) being unavailable and read-only_HTML/Xhtml_Web page production

Multiple implementation methods of html text box (text) being unavailable and read-only_HTML/Xhtml_Web page production

WBOY
WBOYOriginal
2016-05-16 16:39:091624browse

Method one: Not available
Method two: Read-only
Method 3: Hide (but takes up space)
Method 4: Hide (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 < In the content of input type="text" name="input1" value="China">, the word "China" cannot be modified. To summarize, the implementation methods are as follows.

Method 1: onfocus=this.blur()

Copy code
The code is as follows:



Method 2: readonly

Copy code
The code is as follows:




Method 3: disabled

Copy code
The code is as follows:


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