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

Code kopieren

Der Code lautet wie folgt:

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

JavaScript imitiert den Taobao-Lupeneffekt

Zwei Möglichkeiten, Vue-Benutzer dazu zu bringen, sich über einen längeren Zeitraum ohne Bedienung von der Anmeldeseite abzumelden

Inhaltsverzeichnis Problembeschreibung Frontend-S...

So generieren Sie PDFs und laden sie im Vue-Frontend herunter

Inhaltsverzeichnis 1. Installation und Einführung...

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

JavaScript imitiert den Taobao-Lupeneffekt

Vue implementiert eine einfache Produktion von Zählern

HTML-Beispielcode zum Lesen und Anzeigen von Bildern in einem lokalen Ordner

JavaScript implementiert Countdown auf Front-End-Webseite

Die Vue-Komponentenbibliothek ElementUI realisiert den Paging-Effekt einer Tabellenliste

Konfigurationsmethode für die Serverzeitsynchronisierung von Centos 7.4 [basierend auf dem NTP-Dienst]

So implementieren Sie abgerundete Ecken mit CSS3 unter Verwendung von JS

Verwenden Sie Vue3 zur Datenbindung und Anzeigelistendaten

uni-app implementiert NFC-Lesefunktion

50 superpraktische Tools für Webdesigner

Artikel empfehlen

CSS Sticky Footer-Implementierungscode

Eine kurze Diskussion über 3 bemerkenswerte neue Features in TypeScript 3.7

So installieren Sie ELK in Docker und implementieren die Protokollanalyse im JSON-Format

Idea stellt Remote-Docker bereit und konfiguriert die Datei

js verwendet FileReader zum Lesen lokaler Dateien oder Blobs

5 häufig verwendete Objekte in JavaScript

Der gesamte Prozess der Verwendung von node.js Express zum automatischen Erstellen des Projekts

Allgemeine Shell-Skriptbefehle und zugehöriges Wissen unter Linux

Gestaltung der Bildvorschau auf der Inhaltswebseite

Detaillierte Erklärung der Javascript-Grundlagen

Aufbauprinzip des Nexus-Privatservers und Tutorial-Analyse

Detaillierte Erläuterung von 5 Lösungen für das adaptive CSS-Layout für Fortgeschrittene

Warum ist der Speicherplatz nach dem Löschen von Tabellendaten in MySQL immer noch belegt?

Zwei Möglichkeiten, Vue-Benutzer dazu zu bringen, sich über einen längeren Zeitraum ohne Bedienung von der Anmeldeseite abzumelden

So generieren Sie PDFs und laden sie im Vue-Frontend herunter