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

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

DDD
DDDoriginal
2024-11-22 04:49:11384parcourir

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

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

Au lieu d'utiliser un bouton de saisie conventionnel avec un type de soumission, vous souhaiterez peut-être utiliser un " un" lien pour soumettre un formulaire. Ceci est particulièrement avantageux si vous souhaitez conserver un balisage CSS standard pour les liens d'images.

Solution :

Il existe deux approches principales pour y parvenir :

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

Créez un élément de bouton de saisie et utilisez CSS pour stylisez-le pour qu'il ressemble à un lien "a". Cela vous permet de conserver la fonctionnalité d'un bouton tout en personnalisant son apparence.

Méthode 2 : Utiliser un lien avec "onclick"

Alternativement, vous pouvez créer un " a" et attribuez-lui le gestionnaire d'événements onclick suivant :

onclick="this.closest('form').submit();return false;"

Ce gestionnaire d'événements identifie l'élément de formulaire parent le plus proche du cliqué sur le lien et soumet ce formulaire. De plus, cela empêche le comportement par défaut du lien consistant à naviguer vers une nouvelle page.

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:
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