Heim  >  Artikel  >  Web-Frontend  >  Einführung in den Unterschied zwischen Button und Submit

Einführung in den Unterschied zwischen Button und Submit

零下一度
零下一度Original
2017-07-19 13:20:184561Durchsuche

Es gibt vier Möglichkeiten, eine Schaltfläche auf einer Seite zu zeichnen:

Wenn Sie kein Javascript schreiben, passiert nichts, wenn Sie darauf drücken.

Eine solche Schaltfläche sendet das Formular automatisch ab, nachdem der Benutzer darauf geklickt hat, es sei denn, Sie schreiben Javascript, um dies zu verhindern.

Wenn diese Schaltfläche in einem Formular platziert wird, wird sie automatisch gesendet, wenn darauf geklickt wird. Der Vorteil gegenüber den beiden vorherigen besteht darin, dass der Inhalt der Schaltfläche nicht nur Text enthalten kann, sondern auch Bilder und andere Multimedia-Inhalte. (Die ersten beiden lassen sich natürlich auch mit Bildhintergründen realisieren.) Der Nachteil besteht darin, dass verschiedene Browser unterschiedliche Werte erhalten; es können andere Probleme mit der Browserkompatibilität auftreten (Ge Liang).

Andere Tags wie a, img, span, div und dann ein Bild verwenden, um es als Schaltfläche zu tarnen.

Submit ist eine Schaltfläche, die speziell zum Senden von Formularen verwendet wird. Es gibt zwei Hauptunterschiede zu Button:
type=button ist einfach eine Schaltflächenfunktion
type=submit dient zum Senden eines Formulars
(1) Submit verwendet die Formularübermittlung (form.submit()) als Standardereignis nach onclick, was bei Button nicht der Fall ist
(2) Beim Absenden des Formulars werden alle HTML-Eingabeelemente mit dem Namensattribut verwendet (einschließlich Eingabe-Tags, Schaltflächen-Tags, Auswahl-Tags usw.) werden als Schlüssel-Wert-Paare übermittelt, mit Ausnahme des Submit-Objekts. Das Submit-Objekt wird erst nach dem Klicken als Schlüssel-Wert-Paar in der Übermittlung übermittelt.
Aber diejenigen, die sich mit der WEB-Benutzeroberfläche beschäftigen, sollten auf die Verwendung von „Submit“ achten, um die Benutzerfreundlichkeit der Seite zu verbessern:

Nach der Verwendung von „Submit“ unterstützt die Seite die Eingabetastenbedienung über die Tastatur, viele WEB-Softwareentwickler jedoch möglicherweise nicht Beachten Sie, dass „Senden“ einheitlich ist.

Nach Verwendung der Schaltfläche unterstützt die Seite häufig nicht die Eingabetaste. Wenn Sie daher die Eingabetaste unterstützen müssen, müssen Sie eine Übermittlung einrichten. Standardmäßig wird die Eingabetaste bei der ersten Übermittlung auf der Seite aktiviert.
 
 
Nachdem Sie onClick ausgeführt haben, gehen Sie zur Aktion. Kann ohne onClick automatisch übermittelt werden. Onclick ist hier also nicht erforderlich.
 
 Nachdem onClick ausgeführt wurde, wird die Sprungdatei in der js-Datei gesteuert. Zum Senden ist onClick erforderlich.
Zum Beispiel:
1. onclick="form1.action='a.jsp';form1.submit();" Dadurch wird die Submit-Funktion realisiert.
 
Um es ganz klar auszudrücken: „Senden“ hat einen Sprung und die Seite wird aktualisiert, aber die Schaltfläche wird nicht aktualisiert, es ist nur eine Schaltfläche, die Sie verwenden können:

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn