Bouton HTML ne pas soumettre formulaire

Question

J'ai un formulaire. L'extérieur de ce formulaire, j'ai un bouton. Un simple bouton, comme ceci:

<button>My Button</button>

Néanmoins, quand je clique dessus, il soumet le formulaire. Voici le code:

<form id="myform">
    <input />
</form>
<button>My Button</button>

Tous ce bouton n'est un peu de JavaScript. Mais même quand il semble tout comme dans le code ci-dessus, il soumet le formulaire. Lorsque je change la balise bouton de durée, il fonctionne parfaitement. Mais malheureusement, il doit être un bouton. Est-il possible de bloquer le bouton de soumission du formulaire? Comme l'e. g.

<button onclick="document.getElementById('myform').doNotSubmit();">My Button</button>

Merci à l'avance!

Answer 1

Je pense que c’est la particularité de peu plus ennuyeux de HTML... Ce bouton doit être de type « bouton » afin de ne soumettre pas.

Answer 2

à la fin de l’onclick gestionnaire fera le travail. Cependant, c’est être mieux il suffit d’ajouter à la `` - de cette façon, il se comporte bien même sans n’importe quel JavaScript.

Answer 3

Dave Markle est correct. Site Web de W3School:

Toujours spécifier l’attribut type pour le bouton. Le type par défaut pour Internet Explorer est « bouton », tandis que dans d’autres navigateurs (et dans la spécification W3C) c’est « soumettre ».

En d’autres termes, le navigateur que vous utilisez est suivant les spécifications du W3C.

Answer 4

Il a recommandé de ne pas pour utiliser le tag. Utiliser le tag à la place. (En utilisant la « return false » devrait en effet pas envoyer le formulaire.)

Certains documents de référence : http://www.htmlcodetutorial.com/forms/_BUTTON.html