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

So verbinden Sie eine virtuelle Linux-Maschine mit WLAN

Im Leben ist das Internet allgegenwärtig. Wir kön...

30 kostenlose hochwertige englische Ribbon-Schriftarten

30 kostenlose englische Ribbon-Schriftarten in hoh...

Kennen Sie die häufigsten MySQL-Designfehler?

Dank der Entwicklung des Internets können wir die...

MySQL 8.0 Upgrade-Erfahrung

Inhaltsverzeichnis Vorwort 1. Deinstallieren Sie ...

Docker stellt über einen Port eine Verbindung zu einem Container her

Docker-Container-Verbindung 1. Netzwerk-Port-Mapp...

Zusammenfassung der Linux Logical Volume Management (LVM)-Nutzung

Die Verwaltung des Speicherplatzes ist für System...

JS realisiert den Front-End-Paging-Effekt

In diesem Artikelbeispiel wird der spezifische JS...

Tutorial zur Installation und Konfiguration der Linux CentOS MySQL-Datenbank

Hinweise zur Installation der MySQL-Datenbank, mi...