Puis-je faire en sorte que le <bouton> ne soumette pas le formulaire ?

Question

J'ai un formulaire avec 2 boutons

<a href="index.html"><button>Cancel changes</button></a>

<button type="submit">Submit</button>

J'ai également utilisé des boutons jQuery UI dessus, comme celui-ci

$('button').button();

Cependant, le premier bouton soumet également le formulaire. Au départ, je pensais que cela n'arriverait pas sans type="submit".

Évidemment, je peux le faire

$('button[type!=submit]').click(function(event) { event.stopPropagation(); });

Mais existe-t-il un moyen d'empêcher le bouton Précédent de soumettre le formulaire sans l'intervention de JavaScript ?

Honnêtement, je viens d'utiliser un bouton pour pouvoir le styliser à l'aide de jQuery UI. J'ai essayé d'appeler button() sur le lien mais cela n'a pas fonctionné comme prévu (c'était moche !).

Answer 1

button 元素 的默认类型为 submit.

Vous pouvez lui faire ne rien faire en définissant le 按钮type :

<button type="button">Cancel changes</button>

Answer 2

type< 的默认值button 元素的 /code> 属性 是“提交”。将其设置为 type="button" pour générer un bouton qui ne soumet pas le formulaire.

<button type="button">Submit</button>

En termes standards HTML : "Ne rien faire."