Press Enter to automatically submit the form. Unexpected discovery

Copy code

The code is as follows:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="http://www.baidu.com">
<input type="text" name="name"/>
<input type="button" onclick="javascript:void(0)" value="Submit">
</form>
</body>
</html>

As shown in the above form, when you press Enter in the name input box, the form will be submitted. And there is no submit button in the form.

After much searching I finally found the reason: If there is only one text box in the form, the form will be submitted when you press Enter.

So the solution is easy, just add a useless text box and hide it.

Copy code

The code is as follows:

Note: It is not possible to add a hidden box.

Copy code

The code is as follows:

Detailed explanation of two ways to implement session persistence in Nginx reverse proxy

Blog

Press Enter to automatically submit the form. Unexpected discovery

Analysis of the principle of using PDO to prevent SQL injection

Use Docker Compose to quickly deploy ELK (tested and effective)

Methods and steps for deploying multiple war packages in Tomcat

Solution to MySQL remote connection failure

Vue uses vue-quill-editor rich text editor and uploads pictures to the server

Best Practices for Deploying ELK7.3.0 Log Collection Service with Docker

How to install MySQL 8.0 in Docker

Implementation steps of vue-element-admin to build a backend management system

Detailed explanation of two ways to implement session persistence in Nginx reverse proxy

Some tips on using the HTML title attribute correctly

Recommend

Tutorial on installing DAMO database on Centos7

css Get all elements starting from the nth one

Zabbix combined with bat script to achieve multiple application status monitoring method

How to add ansible service in alpine image

IE8 provides a good experience: Activities

Install CentOS7 in VMware (set static IP address) and install mySql database through docker container (super detailed tutorial)

The linkage method between menu and tab of vue+iview

Pure CSS to achieve the list pull-down effect in the page

Detailed explanation of several API examples commonly used in advanced javascript front-end development

CSS realizes that the left side of the webpage column is fixed and automatically adjusts the position when scrolling to the bottom

CSS3 implements missing corner rectangle, folded corner rectangle and missing corner border

Solve the Linux Tensorflow2.0 installation problem

Sitemesh tutorial - page decoration technology principles and applications

Detailed explanation of when javascript scripts will be executed

Setting z-index property for flash overlay popup layer in web design does not work