Maison > interface Web > tutoriel CSS > Comment puis-je soumettre un formulaire en utilisant un lien au lieu d'un bouton ?

Comment puis-je soumettre un formulaire en utilisant un lien au lieu d'un bouton ?

Mary-Kate Olsen
Libérer: 2024-11-19 22:49:03
original
726 Les gens l'ont consulté

How Can I Submit a Form Using a Link Instead of a Button?

Soumission d'un formulaire à l'aide d'un lien normal

Lors de la soumission d'un formulaire, l'approche typique consiste à utiliser un lien bouton avec le type de soumission. Cependant, pour des raisons esthétiques, vous préférerez peut-être utiliser un simple lien.

Option 1 : Bouton stylisé

Une option consiste à créer un puis stylisez-le pour qu'il ressemble à un lien en utilisant CSS. Voici un exemple :

<button type="submit" class="link-styled-button">Submit</button>
Copier après la connexion
.link-styled-button {
  color: #000;
  background: none;
  border: 0;
  text-decoration: underline;
  cursor: pointer;
}
Copier après la connexion

Option 2 : soumission de formulaire avec un lien

Vous pouvez également utiliser un simple lien et gérer la soumission du formulaire via JavaScript. Voici comment :

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

Cette méthode exploite la méthode la plus proche() pour trouver l'élément de formulaire parent le plus proche et déclenche sa soumission lorsque l'on clique sur le lien. Le retour faux ; L'instruction empêche le lien de suivre son comportement par défaut (navigation vers l'URL spécifiée).

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