Quelle est la différence entre le bouton bouton et le bouton soumettre ?-Tutoriel H5-php.cn

Quelle est la différence entre le bouton bouton et le bouton soumettre ?

不言

Libérer： 2019-01-08 10:43:33

avant

5260 Les gens l'ont consulté

Cet article vous explique quelle est la différence entre le bouton bouton et le bouton soumettre ? Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

bouton-bouton normal, bouton soumettre-soumettre.
Soumettre est un cas particulier de bouton et d'un type de bouton. Il intègre automatiquement l'action de soumission. Ils sont tous deux affichés sous forme de boutons. La différence est l'attribut type et. répondre aux événements.

Scénarios d'utilisation :

Certains des scénarios d'utilisation mentionnés ici ne signifient pas qu'un seul type peut être utilisé, cela signifie simplement qu'il est plus pratique à utiliser dans ce scénario et la charge de travail du programmeur. est petit.

Utilisez le tableau pour comparer :

Supplément
1. Dans le scénario ci-dessus, si le formulaire doit être traité avec JS (y compris la vérification des entrées) après avoir cliqué sur le bouton Soumettre avant de le soumettre, nous préconisons généralement d'utiliser le bouton Si vous devez utiliser Soumettre pour vérifier. avant la soumission, il doit s'agir de Add return avant la méthode. Si la méthode onClick n'ajoute pas de return, elle sera automatiquement soumise et n'agira pas comme une contrainte. Par conséquent, si vous devez vérifier lors de l'utilisation de submit, veuillez ajouter return true ou false. Par exemple, s'il s'agit d'un module de connexion, vérifiez d'abord si le nom d'utilisateur est vide. S'il est vide, la page spécifiée par le formulaire from ne sera jamais soumise lorsque vous cliquez sur SOUMETTRE. Il ne peut être envoyé que sous forme ! Et la valeur transmise ne peut pas être vérifiée sur la page spécifiée par le formulaire.

function check(){
   var name = document.getElementById("name").value;
   if(name ==  null || name == ''){
        alert("用户名不能为空");   
        return false;
   }
   return true;
}


<form name="form" action="跳转的页面" method="post"  onsubmit="return check()">
  <input type="text" id="name"/>
  <input type="submit" value="提交"/>

Copier après la connexion

Scène

bouton

soumettre

Sur la page Web, les informations doivent être soumises au serveur

场景	button	submit
网页上需要提交信息到服务器		√
网页上执行一个普通的事件，如重置、清空功能。	√
提交表单	需要绑定事件才能提交表单数据	√
局部刷新	√	不可以使用，在触发事件的同时会提交表单。
没有表单，却要提交数据	而button默认是不提交任何数据。可以绑定事件的方式来提交数据。	submit需要有表单时，提交时才会带数据。当然使用submit也可以，但是前提要拦截onclick事件。
表单数据太多的时候	需要写很多数据的获取动作	推荐
提交数据是要使用JS进行校验的，但如果这时候用户禁用了JS，那么校验就失效了，如果后台也没有进行校验，那么不合法的数据就进入后台了。	推荐：通过button提交数据，那么如果用户禁用JS,那么数据提交动作就激活不了	不推荐

√

Exécuter un événement courant sur la page Web, tel que des fonctions de réinitialisation et d'effacement.

√

Soumettre le formulaire

Un événement doit être lié à la soumission les données du formulaire

√

Actualisation partielle

√

ne peuvent pas être utilisées. Le formulaire sera utilisé. soumis lorsque l’événement est déclenché.

Il n'y a pas de formulaire, mais les données doivent être soumises

Mais le bouton ne soumet aucune donnée par défaut. Les données peuvent être soumises par des événements de liaison.

Lorsque la soumission nécessite un formulaire, les données seront incluses lors de la soumission. Bien sûr, vous pouvez également utiliser submit, mais l'événement onclick doit être intercepté.

Lorsqu'il y a trop de données dans le formulaire

Vous devez écrire beaucoup d'actions d'acquisition de données

Recommandé td>

Les données soumises doivent être vérifiées à l'aide de JS, mais si l'utilisateur désactive JS à ce moment-là, la vérification sera invalide. Si la vérification n'est pas effectuée en arrière-plan, des données illégales entreront dans le système. arrière-plan. .

Recommandation : Soumettre les données via le bouton, puis si l'utilisateur désactive JS, l'action de soumission des données ne peut pas être activée

Non recommandé

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!