Disable input text box input implementation properties
|
Today I want to summarize several very useful HTML tags, which are often used in development. People who are not familiar with them may not know them very well. They are: Copy code The code is as follows:readonly, disabled, autocomplete readonly means that the value of this field cannot be modified. It can only be used with type="text". It can be copied, selected, and receive focus. The background will receive the value. Copy code The code is as follows:<input type="text" name="www.xxx" readonly="readonly" /> disabled means the input element is disabled. It cannot be edited, copied, selected, or receive focus. The background will not receive the value. Copy code The code is as follows:<input type="text" name="www.xxx.com" disabled="disabled" /> You can also block the input method through CSS: <input style="ime-mode: disabled"> Finally, let me introduce a commonly used tag. The browser usually records the input box, so when you enter, you often drop down a lot of content, as shown below: If you want to remove it, it is best to add autocomplete="off", the usage is as follows: autocomplete="off" Copy code The code is as follows:<input type="text" autocomplete="off" id="number"/> |
<<: UCenter Home site adds statistics code
>>: Solve the problem of Navicat for MySQL reporting 2005 error when connecting to MySQL
Recommend
Detailed tutorial on minimizing the installation of CentOS 8.1 virtual machine in VirtualBox
1. Download related tools and images Download Lin...
Comprehensive understanding of line-height and vertical-align
Previous words Line-height, font-size, and vertica...
Detailed explanation of web page loading progress bar (recommended)
(When a web page is loading, sometimes there is t...
How to implement web stress testing through Apache Bench
1. Introduction to Apache Bench ApacheBench is a ...
Docker deploys Laravel application to realize queue & task scheduling
In the previous article, we wrote about how to de...
CSS to implement sprites and font icons
Sprites: In the past, each image resource was an ...
vitrualBox+ubuntu16.04 install python3.6 latest tutorial and detailed steps
Because I need to use Ubuntu+Python 3.6 version t...
Examples of using MySQL pessimistic locking and optimistic locking
Pessimistic Lock Pessimistic lock, considers the ...
react-beautiful-dnd implements component drag and drop function
Table of contents 1. Installation 2.APi 3. react-...
Native js to implement 2048 game
2048 mini game, for your reference, the specific ...
Detailed explanation of Vue-router nested routing
Table of contents step 1. Configure routing rules...
How to use MySQL limit and solve the problem of large paging
Preface In daily development, when we use MySQL t...
JavaScript imitates Xiaomi carousel effect
This article is a self-written imitation of the X...
Vue implements various ideas for detecting sensitive word filtering components
Table of contents Written in front Requirements A...
Linux system AutoFs automatic mount service installation and configuration
Table of contents Preface 1. Install the service ...