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

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

Allgemeiner HTML-Seitenstil (empfohlen)

Beispiel für die horizontale Anordnung von li-Tags in HTML

CSS-Code zum Erstellen von 10 modernen Layouts

So verwenden Sie Zeit als Beurteilungsbedingung in MySQL

Lösung für das Problem des Informationsverlusts mit "_" im Header bei Verwendung des Nginx-Proxys

Der gesamte Prozess der Installation von Gogs mit Pagoda Panel und Docker

JavaScript implementiert Farberkennung beim Überfahren der Tabellenzeile mit der Maus

Führen Sie die Schritte aus, um mit Samba Ordner in CentOS 7 freizugeben

Eine kurze Zusammenfassung von Vue Keep-Alive

Verwenden des CSS-Loaders zum Implementieren des CSS-Moduls in Vue-CLI

Artikel empfehlen

Eine kurze Diskussion über das Blockieren von CSS-Zusammenführungen und andere Auswirkungen

Asynchrone Programmierung in Javascript: Verstehen Sie Promise wirklich?

Erfahren Sie, wie Sie Vue3 Reactivity implementieren

30 hervorragende Beispiele für Farbabstimmung im Webdesign

Beispielcode zum Bereitstellen von ELK mit Docker-Compose

CSS-Schreibformat, detaillierte Erklärung der Grundstruktur einer mobilen Seite

Details zum Vue Page Stack Manager

So legen Sie den Fokus auf HTML-Elemente fest

Detaillierte Erklärung zur Verwendung von Vue Smooth DnD, einer verschiebbaren Komponente von Vue

Einige Probleme, die durch inkonsistente MySQL-Kodierung verursacht werden können

Ein MySQL-Migrationsplan und eine praktische Auflistung der Fallstricke

Detaillierte Erklärung zum effizienten Importieren mehrerer SQL-Dateien in MySQL

So wechseln Sie zwischen Vue-Produktions- und Entwicklungsumgebungen und verwenden Filter

Welche versteckten Attribute im Formular können mit dem Formular übermittelt werden?

Tabelle der durch hasLayout verursachten CSS-Fehler