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
Freigeben: 2024-11-30 15:10:10
Original
893 Leute haben es durchsucht

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

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

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!

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