What does input type mean and how to limit input

Common methods for limiting input
1. To cancel the dotted box when the button is pressed, add the attribute value hideFocus or HideFocus=true in the input

Copy code

The code is as follows:

2. To read only the text box content, add the attribute value readonly in input

Copy code

The code is as follows:

3. Prevent the TEXT document from being cleared after going back (the style content can be used as a class reference)

Copy code

The code is as follows:

4. The ENTER key moves the cursor to the next input box

Copy code

The code is as follows:

5. Only Chinese (flashing)

Copy code

The code is as follows:

6. Only numbers (flashing)

Copy code

The code is as follows:

7. Only numbers (no flashing)

Copy code

The code is as follows:

<input type="text" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onkeypress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" />

8. Only English and numbers can be entered (with flashing)

Copy code

The code is as follows:

9. Block input method

Copy code

The code is as follows:

10. Only numbers, decimal points, and minus signs (-) can be entered (no flashing)

Copy code

The code is as follows:

<input onkeypress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" />

11. Only two decimal places or three decimal places can be entered (flashing)

Copy code

The code is as follows:

<input type="text" maxlength="9" onkeyup="if(value.match(/^\d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(/\.\d*\./g,'.')" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^\d{3}$/) || /\.\d{3}$/.test(value)) {event.returnValue=false}" />

<<: The principle and configuration of Nginx load balancing and dynamic and static separation

>>: Facebook's nearly perfect redesign of all Internet services

What does input type mean and how to limit input

HTML+Sass implements HambergurMenu (hamburger menu)

Detailed Example of Row-Level Locking in MySQL

Solution to the Mysql ERROR 1045 (28000): Access denied for user root@localhost problem in Ubuntu system

CSS3 Tab animation example background switching dynamic effect

A brief discussion on the font settings in web pages

Javascript basics about built-in objects

Understanding and example code of Vue default slot

mysql solves time zone related problems

Summary of Commonly Used MySQL Commands in Linux Operating System

Tutorial on installing and changing the root password of MySQL 5.7.20 decompressed version

Recommend

80 lines of code to write a Webpack plugin and publish it to npm

Summary of various implementation methods of mysql database backup

MySQL 8 new features: Invisible Indexes

Detailed explanation of Docker cross-host container communication overlay implementation process

How to ensure that every page of WeChat Mini Program is logged in

Some points on using standard HTML codes in web page creation

CSS achieves the effect of hiding the scroll bar and scrolling the content (three ways)

Vue3 encapsulates the magnifying glass effect component of Jingdong product details page

How to solve the timeout during pip operation in Linux

The webpage cannot be opened because the div element lacks a closing tag

MySQL 5.6.27 Installation Tutorial under Linux

Start nginxssl configuration based on docker

Installation and configuration tutorial of Linux virtual machine under Windows operating system

Detailed explanation of incompatible changes in rendering functions in Vue3

Detailed explanation of common for loop in JavaScript statements