Heim > Web-Frontend > js-Tutorial > Hauptteil

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

Mary-Kate Olsen
Freigeben: 2024-10-26 15:59:02
Original
1027 Leute haben es durchsucht

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage