Wie kann ich verhindern, dass Schaltflächenelemente Formulare senden?

Kann Werden Elemente so konfiguriert, dass das Absenden von Formularen vermieden wird?

Ein häufiges Dilemma entsteht, wenn sowohl die und Elemente in einer Form, die jeweils einem bestimmten Zweck dienen. Während

Elemente werden häufig zu Gestaltungszwecken verwendet. Sie erben das Standardverhalten, dass beim Klicken das Formular gesendet wird. Dies kann eine Herausforderung darstellen, wenn eine soll eine Aktion ausführen, ohne die Formularübermittlung auszulösen.

Um dieses Rätsel zu lösen, liegt der Schlüssel in der Änderung des Typattributs der . Standardmäßig ist es auf „Senden“ eingestellt, wodurch das Formular gesendet wird. Wenn Sie es jedoch auf „Schaltfläche“ setzen, wird dieses Standardverhalten effektiv aufgehoben.

Beispiel:

Bedenken Sie den folgenden HTML-Code:

<button type="submit">Submit</button>
<a href="index.html"><button>Cancel changes</button></a>

In In diesem Beispiel sendet die erste Schaltfläche das Formular, während die zweite Schaltfläche zur Seite „index.html“ navigiert. Wenn das Ziel jedoch darin besteht, die Schaltfläche „Änderungen abbrechen“ mit der jQuery-Benutzeroberfläche zu formatieren, ohne dass eine Formularübermittlung erfolgt, sollte die Attributänderung wie folgt aussehen:

<a href="index.html"><button type="button">Cancel changes</button></a>

Durch Festlegen des Typs auf „Schaltfläche“ wird die Schaltfläche behält seine Styling-Fähigkeiten bei, ohne die Formularübermittlung auszulösen.

Hinweis:

Es ist erwähnenswert, dass diese Angabe erfolgt type="button" im HTML-Markup ist ein saubererer und effizienterer Ansatz, als sich auf JavaScript-Ereignishandler zu verlassen, um die Formularübermittlung zu verhindern.

Das obige ist der detaillierte Inhalt vonWie kann ich verhindern, dass Schaltflächenelemente Formulare senden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!