Der Unterschied zwischen Eingabeschaltfläche und Senden

Ursprung der Geschichte:

Eigentlich bin ich gestern auf dieses Problem gestoßen, aber es war ein alter Mitarbeiter des Unternehmens, der mir, einem Praktikanten, gestern geholfen hat, es anzupassen, und ich habe auch das Alte bestätigt (geraten) (gemessen). Auch die Mitarbeiter kennen den Unterschied nicht. Dann bin ich heute wieder auf das gleiche Problem gestoßen.

Zusammenfassung der Geschichte:

　Jetzt arbeite ich an einem Projekt im Unternehmen und verwende dabei das AngularJs-Framework. Nachdem ich das Projektpaket bereitgestellt habe, habe ich es bereitgestellt auf dem lokalen Tomcat Beginnen Sie nach dem Einrichten des Servers mit dem Schreiben des Front-End-Codes, von HTML über CSS bis hin zu JavaScript (weniger verwendet) und Bootstrap, gut. Jetzt ist die statische Front-End-Schnittstelle erstellt. Verwenden Sie dann zum Testen den vom Chef bereitgestellten Schnittstellendienst. Das typische ist die bidirektionale Bindung. Nach dem Schreiben des relevanten Logikcodes springt die Schnittstelle jedes Mal unsinnig. Wenn die Antwort „true“ zurückgibt, sollte sie zur Bestellschnittstelle springen, und wenn sie „false“ zurückgibt, sollte sie zur Anmeldeschnittstelle springen. Kurz gesagt, sie springt nicht zu sich selbst, was wirklich seltsam ist! Dann habe ich die Entwicklertools von Chrome geöffnet und festgestellt, dass ich nicht jedes Mal auf die Angular-Funktion eingegangen bin, die ich geschrieben habe. Später überprüfte ich, ob es kein Problem mit ng-model gab, und stellte dann fest, dass der Eingabetyp „Senden“ lautete. Ich versuchte, ihn in „Schaltfläche“ zu ändern, und leider war alles in Ordnung. Das verwirrte mich, also schrieb ich diesen Aufsatz, um die Wahrheit herauszufinden.

Die Wahrheit der Geschichte:

Generell gilt: Sowohl die Eingabe als auch die Schaltfläche können als Schaltflächen verwendet werden und beide können Daten zur Backend-Verarbeitung an das Backend übermitteln.

Unterschiede: ① Eingabe ist ursprünglich Eingabe, aber nach Typ = „Submit“ spielt sie auch die Rolle der Übermittlung, sodass Eingabe das Übermittlungsformular ist

<input type="submit" value="提交">

　②Die Schaltfläche ist eine Schaltfläche, es handelt sich um eine reine Schaltfläche. Wenn Sie keine Operation hinzufügen, erfolgt beim Klicken nur etwas wie type="submit" onclick="xxx ()"Kann es funktionieren. Zum Senden-Button.

<button type="submit">确定</button>

Daher wird gemäß dem Hauptprinzip des Software-Designmusters – dem Single-Responsibility-Prinzip – empfohlen, die Schaltfläche „Eingabe“ als Schaltfläche und die Schaltfläche „Eingabe“ als Dateneingabe zu verwenden.

Der oben genannte Inhalt stammt aus den Einblicken eines Praktikanten in das Frontend-Lernen. Wenn es Unangemessenheiten gibt, weisen Sie bitte darauf hin und bedanken Sie sich!