Wie kann ich verhindern, dass eine Schaltfläche ein HTML-Formular sendet?

Verhindern der Formularübermittlung beim Klicken auf die Schaltfläche „Entfernen“

Im bereitgestellten HTML-Formular löst die Schaltfläche „Entfernen“ die Formularübermittlung aus, wenn darauf geklickt wird. Um dieses Verhalten zu verhindern, ist es wichtig zu verstehen, dass das HTML5-Schaltflächenelement über ein Standardverhalten beim Senden des Formulars verfügt, wie in der W3C-Spezifikation definiert.

Um dieses Standardverhalten zu überschreiben, geben Sie den Typ der Schaltfläche explizit als Schaltfläche an :

<button type="button">Remove Last Item</button>

Indem Sie das Typattribut auf „Schaltfläche“ setzen, weisen Sie den Browser an, das Schaltflächenelement als Schaltfläche zu behandeln, die benutzerdefinierten JavaScript-Code initiiert (in diesem Fall die Funktion „removeItem()“), anstatt das Formular abzusenden.

<script>
  function removeItem() {
    // Custom code to remove the last row
  }
</script>

Diese Änderung stellt sicher, dass die Schaltfläche „Entfernen“ beim Klicken nicht mehr das Formular absendet, sodass Sie andere Aktionen ausführen können, z. B. das Entfernen einer Zeile aus einer Tabelle oder Aktualisieren von Daten in einer Anwendung, ohne die Formularübermittlung auszulösen.

Das obige ist der detaillierte Inhalt vonWie kann ich verhindern, dass eine Schaltfläche ein HTML-Formular sendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!