Use image to submit the form instead of using button to submit the form

Use image to submit the form instead of using button to submit the form

Copy code
The code is as follows:

<form method="post" action="formtest.html" target="_blank" name="formtest">
<input type="hidden" name="userid" value="userid">
<input type="hidden" name="username" value="username">
<input type="image" src="imagesubmit.gif" border="0">
</form>

I don't want to use a button to submit the form, I want to use a better-looking image to submit

If you write it like that, it will be submitted twice, once by the input itself, and once by the js script. There are several ways to use an image as a submit button:
1.

Copy code
The code is as follows:

<form method="post" action="formtest.jsp">
<input type="hidden" name="userid" value="userid">
<input type="hidden" name="username" value="username">
<input type="image" src="imagesubmit.gif" border="0">
</form>

As the author himself wrote, this is completely possible.
2.

Copy code
The code is as follows:

<script>
function formsubmit(){
document.formtest.action="formtest.jsp";
document.formtest.submit();
}
</script>
<form method="post" name="formtest">
<input type="hidden" name="userid" value="userid">
<input type="hidden" name="username" value="username">
<img src="imagesubmit.gif" border="0" onclick="formsubmit()">
</form>

This method is often used in mixed programming, such as when the parameters you want to submit change with the dynamically retrieved content.

<<:  Vue implements small notepad function

>>:  Solution to installing vim in docker container

Recommend

js handles account logout when closing the browser

Table of contents Classic approach question Furth...

New interactive experience of online advertising in website production (graphic tutorial)

As the Internet era becomes more mature, the deve...

Solution to forgetting the administrator password of mysql database

1. Enter the command mysqld --skip-grant-tables (...

Vue3 AST parser-source code analysis

Table of contents 1. Generate AST abstract syntax...

Detailed usage of MYSQL row_number() and over() functions

Syntax format: row_number() over(partition by gro...

Steps to set up and mount shared folders on Windows host and Docker container

Programs in Docker containers often need to acces...

Process parsing of reserved word instructions in Dockerfile

Table of contents 1. What is Dockerfile? 2. Analy...

JavaScript Closures Explained

Table of contents 1. What is a closure? 1.2 Memoi...

Detailed explanation of the principles and usage of MySQL master-slave replication and read-write separation

This article uses examples to illustrate the prin...

Nginx installation error solution

1. Unzip nginx-1.8.1.tar.gz 2. Unzip fastdfs-ngin...

Example of Html shielding right-click menu and left-click typing function

Disable right-click menu <body oncontextmenu=s...

A brief understanding of the relevant locks in MySQL

This article is mainly to take you to quickly und...

Vue3 manual encapsulation pop-up box component message method

This article shares the specific code of Vue3 man...

Solve the problem that MySQL read-write separation causes data not to be selected after insert

MySQL sets up independent writing separation. If ...

How to use JSX to implement Carousel components (front-end componentization)

Before we use JSX to build a component system, le...