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

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

Antwort 2 stimmt.
Genau kannst du das selbst hier nachlesen:

SelfHTML Klickbutton

SelfHTML Submitbutton

Zitat:
wo ich nichts zu finden konnte

wo hast du denn überhaupt gesucht?

katy

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

<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.

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

<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.

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?

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.

Super, jetzt hab ich es auch verstanden :-)

@Friedel:
na ja, nur wenn du unbedingt die vorgestylten Browserbutton haben willst. Ansonsten kannst du JavaScript-Funktionen doch jedem sichtbaren Seitenelement geben und dabei sogar künstlerisch per CSS viel schönere Button kreieren.
Kurz gesagt: mich stört dein musst. Da gehört meiner Meinung nach allenfalls ein kannst hin.

Schönes Wochenende

katy

Schon im Interesse der Barrierefreiheit und der Semantik der HTML-Elemente sollte man m.E. zumindest innerhalb eines Formulars für anklickbare Elemente auch die entsprechenden Tags <input> bzw. <button> verwenden.

Allerdings ist ein Button, der nur mittels JavaScript irgendetwas macht, definitiv nicht barrierefrei.

Daher würde ich solche an sich sinnlosen Tags nie ins HTML schreiben, sondern erst nachträglich entweder per JavaScript einfügen oder - wenn ich eh schon im Dokumentenbaum rumklettern muss - gleich ein anderes Element nach meinem Geschmack mit dieser Funktionalität versehen.

katy