Heim >Web-Frontend >js-Tutorial >Wie erstelle ich eine Schaltfläche außerhalb eines Formulars, die es nicht sendet?

Wie erstelle ich eine Schaltfläche außerhalb eines Formulars, die es nicht sendet?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-10-26 15:59:021109Durchsuche

How to Create a Button Outside a Form That Doesn't Submit It?

HTML-Schaltfläche zum Verhindern der Formularübermittlung

Frage:
Wie kann man eine Schaltfläche außerhalb eines HTML erstellen? Formular, das das Formular beim Klicken nicht sendet?

Beachten Sie den folgenden Code:

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

Obwohl in der Schaltfläche kein Formularattribut vorhanden ist, wird das Formular dennoch gesendet.

Antwort:
Um zu verhindern, dass die Schaltfläche das Formular absendet, sollte sie als Typ „Schaltfläche“ deklariert werden. Hier ist der aktualisierte Code:

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

Grund:
HTML-Schaltflächen erben standardmäßig den Status der Schaltfläche „Senden“. Indem wir den Typ explizit als „Schaltfläche“ festlegen, überschreiben wir die Standardeinstellung und verhindern die Formularübermittlung.

Das obige ist der detaillierte Inhalt vonWie erstelle ich eine Schaltfläche außerhalb eines Formulars, die es nicht sendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn