Heim >Web-Frontend >js-Tutorial >Wie kann ich Schaltflächen gestalten, ohne versehentlich Formulare abzusenden?

Wie kann ich Schaltflächen gestalten, ohne versehentlich Formulare abzusenden?

Barbara Streisand
Barbara StreisandOriginal
2024-11-30 15:10:10914Durchsuche

How Can I Style Buttons Without Accidentally Submitting Forms?

Schaltflächen gestalten, ohne Formulare zu senden

Beim Arbeiten mit Formularen ist es wichtig, die Schaltflächenfunktionalität zu kontrollieren. Ein häufiges Problem ist das versehentliche Absenden eines Formulars, wenn Sie beabsichtigen, eine andere Aktion auszuführen.

Stellen Sie sich ein Szenario mit einem Formular vor, das zwei Schaltflächen enthält:

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

Standardmäßig sendet die erste Schaltfläche das Formular, obwohl es als einfacher Link gestaltet ist. Um dieses Verhalten zu verhindern, ohne auf JavaScript angewiesen zu sein, können Sie das Typattribut der Schaltfläche ändern:

<button type="button">Cancel changes</button>

Durch die Festlegung des Typs auf „Schaltfläche“ wird sichergestellt, dass das Element keine besondere Aktion auslöst und das Formular nicht sendet. Der HTML-Standard beschreibt das Schaltflächenelement vom Typ „Schaltfläche“ prägnant als „nichts tun“.

Das obige ist der detaillierte Inhalt vonWie kann ich Schaltflächen gestalten, ohne versehentlich Formulare abzusenden?. 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