Unterschied zwischen Submit und Button

Question

Hallo,

habe eine ganz simple Frage, wo ich nichts zu finden konnte, lediglich das beides funktioniert.
Was ist beim input-tag der unterschied zwischen dem Typ submit und dem typ button?

Gruß harry

Answer 1

ich kenne eigentlich bei <input> keinen typ button.
laut selfhtml gibts ihn zwar aber ich vermute das er keinen unterschied zu submit macht oder einfach ein Button ist der nichts macht.

hidden
text | password
checkbox | radio
file
reset | image | submit | button

Answer 2

type="button" löst für sich keine Aktion aus, sondern muß mit einem JavaScript-EventHandler (z.B. "onclick") verknüpft werden.

Answer 3

Antwort 2 stimmt.
Genau kannst du das selbst hier nachlesen:
[*]SelfHTML Klickbutton
[*]SelfHTML Submitbutton

wo ich nichts zu finden konnte

wo hast du denn überhaupt gesucht?

katy

Answer 4

Hallo, erstmal danke für die Antworten. Dann bringt mir der Button ja auch nix, denn das gleiche kann ich ja auch mit dem Submit machen.

@katy: auf den beiden seiten hatte ich auch nachgelesen, allerdings konnte ich da trotzdem keinen unterschied raus erkennen, deshalb hatte ich gefragt

Answer 5

<button> bietet mehr Möglichkeiten, da er nicht nur Text, sondern auch z.B. Bilder enthalten darf. Der IE6 (und vermutlich auch ältere Versionen) haben allerdings Probleme mit diesem Tag, der name und der Wert werden u.U. nicht als POST bzw. GET-Parameter übergeben.

Answer 6

das gleiche kann ich ja auch mit dem Submit machen

nein, kannst du nicht!

button (egal ob Attribut oder Tag) macht von sich aus GAR NIX wenn du drauf klickst!

submit veranlasst den Browser, ein Formular abzusenden!

Da sehe ich einen Riesenunterschied!

katy

Answer 7

<button type="submit" bzw <button type="reset" funktionieren so wie ihre entsprechenden <input>-Pendants, wenn sie innerhalb eines Formulars notiert werden. Nur type="button" tut von sich aus nichts.

Answer 8

Ah ok jetzt wird es doch ein bisschen klarer.
Das heißt im End-Effekt, dass ich beim type=submit ein Formular sende, wohingegen beim type=button MUSS ich mit JavaScript arbeiten, damit überhaupt was geschieht, richtig?

Answer 9

Richtig. <button type="submit>Abschicken</button> oder <input type="submit" value="Abschicken"> ist ein Button mit einem festgelegten Zweck, nämlich dem Abschicken des Formulars. Außerdem gibt es das gleiche mit type="reset". Damit wid das Formular wieder in den Ausgangszustand gebracht. Für alle anderen Zwecke gibt es keine Buttons mit vorgegebenen Funktionen. Wenn du andere Funktionen einbauen willst, musst du also Buttons mit type="button" benutzen und sie durch Scripte mit entsprechenden Funktionen belegen.

Answer 10

Super, jetzt hab ich es auch verstanden :-)