Heim >Web-Frontend >CSS-Tutorial >Wie kann ich Formulare mithilfe von Hyperlinks anstelle von Schaltflächen senden?

Wie kann ich Formulare mithilfe von Hyperlinks anstelle von Schaltflächen senden?

Patricia Arquette
Patricia ArquetteOriginal
2024-11-26 07:16:091066Durchsuche

How Can I Submit Forms Using Hyperlinks Instead of Buttons?

Formulare mit normalen Links senden

In bestimmten Szenarien kann es wünschenswert sein, Formulare mithilfe von Hyperlinks anstelle herkömmlicher Senden-Schaltflächen zu senden. In diesem Artikel werden zwei Methoden untersucht, um diese Funktionalität zu erreichen:

Methode 1: Eine Schaltfläche als Link gestalten

Dieser Ansatz beinhaltet die Erstellung einer Standard-HTML-Schaltfläche und die Verbesserung ihres Erscheinungsbilds durch CSS, um einem Link zu ähneln:

<button type="submit" class="link-button">Save</button>

.link-button {
  border: none;
  padding: 0;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}

Methode 2: Verwenden eines Links mit JavaScript

Alternativ kann ein Hyperlink direkt durch die Einbindung von JavaScript verwendet werden, um die Formularübermittlung auszulösen:

<a href="#" onclick="this.closest('form').submit();return false;">Save</a>

Das obige ist der detaillierte Inhalt vonWie kann ich Formulare mithilfe von Hyperlinks anstelle von Schaltflächen senden?. 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