How to remove the "Enter" in the form, "Submit" and "Enter != Submit"
|
To implement the "Enter != Submit" problem, you can generally start from the "button type" and "number of input boxes". By default, for a single input box, regardless of whether the button is type="submit" or type="button", pressing Enter means submitting. 1. When type="submit", no matter how many type="text" input boxes there are, pressing Enter means submit. （submit） 2. When type="button" and there are multiple input boxes, pressing Enter does not submit. (button) 3. To solve the problem of submitting when pressing Enter in a single input box, refer to the second point: you can add an input="text" and hide it; then set the type to button. In actual applications, there is rarely only one input box, so you only need to remember the second rule to deal with it. Using JS events to prevent form submission is beyond the scope of this article, but it is certainly possible. |
<<: How to use docker compose to build fastDFS file server
>>: 9 super practical CSS tips to help designers and developers
Recommend
Node script realizes automatic sign-in and lottery function
Table of contents 1. Introduction 2. Preparation ...
How to solve the abnormal error ERROR: 2002 in mysql
Recently, an error occurred while starting MySQL....
A brief discussion on the fun of :focus-within in CSS
I believe some people have seen this picture of c...
Detailed tutorial on compiling and installing python3.6 on linux
1. First go to the official website https://www.p...
How to configure nginx to return text or json
Sometimes when requesting certain interfaces, you...
Detailed explanation of the use of redux in native WeChat applet development
premise In complex scenarios, a lot of data needs...
JavaScript implements click to change the image shape (transform application)
JavaScript clicks to change the shape of the pict...
Information transmission and function calls between WeChat mini program pages and components
In this article, I will explain the relevant cont...
Detailed explanation of Angular routing sub-routes
Table of contents 1. Sub-route syntax 2. Examples...
B2C website user experience detail design reference
Recently, when using Apple.com/Ebay.com/Amazon.co...
Detailed steps to install CentOS7 system on VMWare virtual machine
Pre-installation work: Make sure vmware workstati...
A guide to writing flexible, stable, high-quality HTML and CSS code standards
The Golden Rule Always follow the same set of cod...
An example of implementing a simple infinite loop scrolling animation in Vue
This article mainly introduces an example of Vue ...
Docker Detailed Illustrations
1. Introduction to Docker 1.1 Virtualization 1.1....
Sending emails in html is easy with Mailto
Recently, I added a click-to-send email function t...