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

So verhindern Sie, dass eine HTML-Schaltfläche ein Formular sendet

In der Webentwicklung können Sie durch das Platzieren einer Schaltfläche außerhalb eines Formulars normalerweise JavaScript ausführen oder andere benutzerdefinierte Aktionen beim Klicken. In bestimmten Fällen kann es jedoch vorkommen, dass diese externen Schaltflächen unbeabsichtigt das Formular senden, in dessen Nähe sie platziert sind. Dies kann frustrierend sein, wenn Sie möchten, dass die Schaltfläche eine separate Funktion ausführt.

Stellen Sie sich das folgende Szenario vor:

<code class="html"><form id="myform">
    <label>Label <input /></label>
</form>
<button>My Button</button></code>

Wenn Sie auf das Element „Meine Schaltfläche“ klicken, können Sie erwarten, dass dies der Fall ist JavaScript auslösen. Es sendet jedoch unerwartet das myform.

Um dieses Problem zu beheben, muss der HTML-Code der Schaltfläche geändert werden, um zu verhindern, dass das Formular gesendet wird:

<code class="html"><button type="button">My Button</button></code>

Hinzufügen des Typattributs mit einem Wert von „Schaltfläche“ gibt ausdrücklich an, dass die Schaltfläche nicht zum Absenden des Formulars gedacht ist, wodurch die Absendefunktion deaktiviert wird.

Aktualisierung (5. Februar 2019):

Gemäß Gemäß dem HTML Living Standard und der HTML 5-Spezifikation führt das Fehlen eines Typattributs oder ein ungültiger Wert für das Typattribut dazu, dass die Schaltfläche standardmäßig in den Submit-Button-Status wechselt.

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