Maison  >  Article  >  interface Web  >  Comment créer un bouton en dehors d'un formulaire qui ne le soumet pas ?

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

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-10-26 15:59:02961parcourir

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>

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>

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!

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