Maison  >  Article  >  interface Web  >  Introduction à la différence entre le bouton et soumettre

Introduction à la différence entre le bouton et soumettre

零下一度
零下一度original
2017-07-19 13:20:184609parcourir

Il existe quatre façons de dessiner un bouton sur une page :

Si vous n'écrivez pas de javascript, rien ne se passera lorsque vous appuierez dessus.

Un tel bouton soumettra automatiquement le formulaire une fois que l'utilisateur aura cliqué dessus, à moins que vous n'écriviez du javascript pour l'empêcher.

Lorsque ce bouton est placé dans un formulaire, il sera automatiquement soumis lorsque vous cliquerez dessus. L'avantage par rapport aux deux précédents est que le contenu du bouton peut non seulement contenir du texte, mais également. images et autres contenus multimédias. (Bien sûr, les deux premiers peuvent également être réalisés avec des arrière-plans d’images). Son inconvénient est que différents navigateurs obtiennent des valeurs différentes ; il peut y avoir d'autres problèmes de compatibilité des navigateurs (Ge Liang).

D'autres balises, telles que a, img, span, div, puis utilisez une image pour la déguiser en bouton.

Submit est un bouton spécialement utilisé pour soumettre des formulaires. Il existe deux différences principales par rapport à Button :
type=button est simplement une fonction de bouton
type=submit consiste à envoyer un formulaire<.> (1) Submit utilise la soumission du formulaire (form.submit()) comme événement par défaut après onclick, mais ce n'est pas le cas pour Button
(2) Lorsque le formulaire est soumis, tous les éléments d'entrée HTML avec des attributs de nom (y compris les balises d'entrée, les balises de bouton, les balises de sélection, etc.) seront soumises sous forme de paires clé-valeur, à l'exception de l'objet Submit. L'objet Submit ne sera soumis qu'en tant que paire clé-valeur dans la soumission après avoir cliqué dessus.
Mais ceux qui sont engagés dans l'interface utilisateur WEB doivent faire attention à l'utilisation de la soumission pour améliorer la convivialité de la page :

Après avoir utilisé la soumission, la page prend en charge l'opération de la touche Entrée du clavier, mais de nombreux concepteurs de logiciels WEB peuvent ne pas le faire Notez que la soumission est unifiée

Après avoir utilisé le bouton, la page ne prend souvent pas en charge la touche Entrée. Par conséquent, si vous devez prendre en charge la touche Entrée, vous devez configurer une soumission. Par défaut, la touche Entrée fonctionne lors de la première soumission de la page.
 
 
Après avoir exécuté onClick, passez à l'action. Peut être soumis automatiquement sans onClick. Onclick n'est donc pas requis ici.
 
Après l'exécution de onClick, le fichier de saut est contrôlé dans le fichier js. La soumission nécessite onClick.
Par exemple :
1. onclick="form1.action='a.jsp';form1.submit();" Ceci réalise la fonction de soumission.
 
Pour le dire clairement, la soumission aura un saut et la page sera actualisée mais le bouton ne sera pas actualisé, c'est juste un bouton que vous pouvez utiliser

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