Wie kann ich ein Formular über einen Link statt über eine Schaltfläche senden?

Senden eines Formulars über einen normalen Link

Beim Absenden eines Formulars besteht der typische Ansatz darin, eine -Taste zu verwenden. Schaltfläche mit dem Submit-Typ. Aus ästhetischen Gründen bevorzugen Sie jedoch möglicherweise die Verwendung eines einfachen Link.

Option 1: Gestaltete Schaltfläche

Eine Möglichkeit besteht darin, eine normale zu erstellen. und formatieren Sie es dann mithilfe von CSS so, dass es einem Link ähnelt. Hier ist ein Beispiel:

<button type="submit" class="link-styled-button">Submit</button>

.link-styled-button {
  color: #000;
  background: none;
  border: 0;
  text-decoration: underline;
  cursor: pointer;
}

Option 2: Formularübermittlung mit einem Link

Alternativ können Sie ein einfaches verwenden. Verknüpfen und verarbeiten Sie die Formularübermittlung über JavaScript. So geht's:

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

Diese Methode nutzt die Methode close(), um das nächstgelegene übergeordnete Formularelement zu finden und löst dessen Übermittlung aus, wenn auf den Link geklickt wird. Die Rückgabe ist falsch; Die Anweisung verhindert, dass der Link seinem Standardverhalten folgt (Navigation zur angegebenen URL).

Das obige ist der detaillierte Inhalt vonWie kann ich ein Formular über einen Link statt über eine Schaltfläche senden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!