Maison > interface Web > tutoriel CSS > Comment puis-je soumettre des formulaires en utilisant des hyperliens au lieu de boutons ?

Comment puis-je soumettre des formulaires en utilisant des hyperliens au lieu de boutons ?

Patricia Arquette
Libérer: 2024-11-26 07:16:09
original
1091 Les gens l'ont consulté

How Can I Submit Forms Using Hyperlinks Instead of Buttons?

Soumettre des formulaires avec des liens normaux

Dans certains scénarios, il peut être souhaitable de soumettre des formulaires à l'aide de liens hypertextes plutôt que de boutons de soumission traditionnels. Cet article explore deux méthodes pour obtenir cette fonctionnalité :

Méthode 1 : Styliser un bouton en tant que lien

Cette approche consiste à créer un bouton HTML standard et à améliorer son apparence via CSS pour ressembler à un lien :

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

.link-button {
  border: none;
  padding: 0;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
Copier après la connexion

Méthode 2 : Utiliser un lien avec JavaScript

Alternativement, un lien hypertexte peut être utilisé directement en incorporant JavaScript pour déclencher la soumission du formulaire :

<a href="#" onclick="this.closest('form').submit();return false;">Save</a>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal