Verwenden Sie zum Senden des Formulars ein Bild statt einer Schaltfläche.

Verwenden Sie zum Senden des Formulars ein Bild statt einer Schaltfläche.

Code kopieren
Der Code lautet wie folgt:

<form method="post" action="formtest.html" target="_blank" name="formtest">
<input type="hidden" name="benutzer-id" value="benutzer-id">
<input type="hidden" name="username" value="username">
<Eingabetyp="Bild" src="imagesubmit.gif" border="0">
</form>

Ich möchte keinen Button zum Absenden des Formulars verwenden, sondern ein ansprechenderes Bild zum Absenden

Wenn Sie es so schreiben, wird es zweimal übermittelt, einmal durch die Eingabe selbst und einmal durch das JS-Skript. Es gibt mehrere Möglichkeiten, ein Bild als Übermittlungsschaltfläche zu verwenden:
1.

Code kopieren
Der Code lautet wie folgt:

<Formularmethode="Post" Aktion="Formtest.jsp">
<input type="hidden" name="benutzer-id" value="benutzer-id">
<input type="hidden" name="username" value="username">
<Eingabetyp="Bild" src="imagesubmit.gif" border="0">
</form>

Wie der Autor selbst schrieb, ist dies durchaus möglich.
2.

Code kopieren
Der Code lautet wie folgt:

<Skript>
Funktion Formular übermitteln(){
document.formtest.action="formtest.jsp";
Dokument.Formtest.Senden();
}
</Skript>
<Formularmethode="Beitrag" Name="Formulartest">
<input type="hidden" name="benutzer-id" value="benutzer-id">
<input type="hidden" name="username" value="username">
<img src="imagesubmit.gif" border="0" onclick="formsubmit()">
</form>

Diese Methode wird häufig in der gemischten Programmierung verwendet, beispielsweise wenn sich die zu übermittelnden Parameter mit dem dynamisch abgerufenen Inhalt ändern.

<<:  Vue implementiert eine kleine Notizblockfunktion

>>:  Lösung zur Installation von Vim im Docker-Container

Artikel empfehlen

Einführung in die Installation des Vim-Plugins unter Linux

Inhaltsverzeichnis Installieren Sie den Vim-Plugi...

MySQL-Beispiel zum Abrufen des heutigen und gestrigen Zeitstempels 0:00

Wie unten dargestellt: Gestern: UNIX_TIMESTAMP(CA...

Lösung für die Ineffektivität der flexiblen Layoutbreite in CSS3

In Projekten wird häufig das zweispaltige Layout ...

Detailliertes Beispiel für MySQL-Datenspeicherprozessparameter

Es gibt drei Typen von MySQL-gespeicherten Prozed...

Verständnis und Anwendungsszenarien von ES6-Erweiterungsoperatoren

Inhaltsverzeichnis 1. Ersetzen Sie die Apply-Meth...

Layui implementiert Beispielcode für Abfragen mit mehreren Bedingungen

Ich habe vor kurzem ein Dateisystem erstellt und ...

So kapseln Sie Axios in Vue

Inhaltsverzeichnis 1. Installation 1. Einleitung ...

Zabbix-Überwachungslösung – die neueste offizielle Version 4.4 [empfohlen]

Zabbix 12.10.2019 Chenxin siehe https://www.zabbi...

MySql-Wissenspunkte: Transaktion, Index, Sperrprinzip und Nutzungsanalyse

Dieser Artikel erläutert anhand von Beispielen di...

Docker ermöglicht mehrere Port-Mapping-Befehle

wie folgt: docker run -d -p 5000:23 -p 5001:22 --...

Docker Compose-Übung und Zusammenfassung

Docker Compose kann die Orchestrierung von Docker...

Analyse des Benchmarking-Prozesses von Sysbench für MySQL

Vorwort 1. Benchmarking ist eine Art Leistungstes...