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
1062 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!

source:php.cn
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