Was ist der Unterschied zwischen Button-Button und Submit-Button?

In diesem Artikel erfahren Sie, was der Unterschied zwischen der Schaltfläche „Schaltfläche“ und der Schaltfläche „Senden“ ist. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Schaltfläche-normale Schaltfläche, Senden-Senden-Schaltfläche.
Senden ist ein Sonderfall der Schaltfläche und eine Art Schaltfläche. Sowohl die Aktion „Senden“ als auch die Schaltfläche werden wie Schaltflächen angezeigt auf Ereignisse reagieren.

Nutzungsszenarien:

Einige der hier genannten Verwendungsszenarien bedeuten nicht, dass nur ein Typ verwendet werden kann. Dies bedeutet lediglich, dass die Verwendung in diesem Szenario und die Arbeitsbelastung des Programmierers bequemer ist ist klein.

Verwenden Sie die Tabelle zum Vergleich:

Ergänzung
1. Wenn das Formular nach dem Klicken auf die Schaltfläche „Senden“ vor dem Absenden mit JS verarbeitet werden muss, empfehlen wir normalerweise die Verwendung der Schaltfläche „Senden“, um es zu überprüfen Vor der Übermittlung sollte vor der Methode eine Rückgabe hinzugefügt werden. Wenn die onClick-Methode keine Rückgabe hinzufügt, wird sie automatisch übermittelt und fungiert nicht als Einschränkung. Wenn Sie daher bei der Verwendung von „Submit“ eine Überprüfung durchführen müssen, fügen Sie bitte „true“ oder „false“ hinzu. Überprüfen Sie beispielsweise bei einem Anmeldemodul zunächst, ob der Benutzername leer ist. Wenn er leer ist, wird die im Formular angegebene Seite niemals gesendet, wenn auf SENDEN geklickt wird. Es kann nur im Formular verschickt werden! Und der übergebene Wert kann auf der im Formular angegebenen Seite nicht überprüft werden.

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="提交"/>

Scene

Schaltfläche

Senden

Auf der Webseite müssen Informationen an den Server übermittelt werden

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

√

Führen Sie ein allgemeines Ereignis auf der Webseite aus, z. B. Reset- und Clear-Funktionen.

√

Senden Sie das Formular

Ein Ereignis muss zum Absenden verpflichtet werden Die Formulardaten können nicht verwendet werden übermittelt, wenn das Ereignis ausgelöst wird.

Es gibt kein Formular, aber Daten müssen übermittelt werden

Aber die Schaltfläche übermittelt standardmäßig keine Daten. Daten können durch verbindliche Ereignisse übermittelt werden.

Wenn für die Übermittlung ein Formular erforderlich ist, werden die Daten bei der Übermittlung einbezogen. Natürlich können Sie auch „submit“ verwenden, aber das onclick-Ereignis muss abgefangen werden.

Wenn das Formular zu viele Daten enthält

Sie müssen viele Datenerfassungsaktionen schreiben

Empfohlen td>

Übermittelte Daten müssen mit JS überprüft werden, aber wenn der Benutzer JS zu diesem Zeitpunkt deaktiviert, ist die Überprüfung ungültig. Wenn die Überprüfung nicht im Hintergrund durchgeführt wird, werden illegale Daten eingegeben Hintergrund.

Empfehlung: Daten über die Schaltfläche senden. Wenn der Benutzer JS deaktiviert, kann die Datenübermittlungsaktion nicht aktiviert werden.

Nicht empfohlen

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Button-Button und Submit-Button?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!