Maison > interface Web > js tutoriel > le corps du texte

Comment créer un bouton en dehors d'un formulaire qui ne le soumet pas ?

Mary-Kate Olsen
Libérer: 2024-10-26 15:59:02
original
1028 Les gens l'ont consulté

How to Create a Button Outside a Form That Doesn't Submit It?

Bouton HTML pour résister à la soumission d'un formulaire

Question :
Comment créer un bouton en dehors d'un code HTML formulaire qui ne soumet pas le formulaire lorsqu'on clique dessus ?

Considérez le code suivant :

<code class="html"><form id="myform">
  <label>Label
    <input />
  </label>
</form>
<button>My Button</button></code>
Copier après la connexion

Malgré l'absence d'attribut de formulaire dans le bouton, il soumet quand même le formulaire.

Réponse :
Pour empêcher le bouton de soumettre le formulaire, il doit être déclaré comme un type "bouton". Voici le code mis à jour :

<code class="html"><button type="button">My Button</button></code>
Copier après la connexion

Raison :
Les boutons HTML héritent de l'état du bouton Soumettre par défaut. En définissant explicitement le type sur « bouton », nous remplaçons la valeur par défaut et empêchons l'envoi du formulaire.

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