button statt input - Warum eigentlich nicht?
Ganz ehrlich – das hat mir ein wenig die Augen geöffnet. Ich war jahrelang der festen Überzeugung, dass sämtliche Formular-Elemente im Safari nicht stylebar sind. Tja, alle bis auf eines: <button></button> kommt ins Spiel. Und damit ist einiges möglich, was mit <input /> nicht möglich ist. Seltsam, dass dies so wenig bekannt ist. Doch zum Glück hat Aaron Gustafson einen furiosen Artikel darüber geschrieben, der allen HTML/CSSlern unbedingt anzuraten ist. Viel Spaß bei der Vermehrung Eurer Weisheit!
Jeriko One am 26. September 2006 #
Die Kommentare dazu sind auch interessant; sie zeigen auf, warum der Tag so gut wie nie benutzt wird: Unser aller Freund Internet Explorer
Björn Wolf am 26. September 2006 #
Das Problem an der Sache ist nur, dass der IE dazwischenfunkt und nicht den Wert des Attributes »value« übermittelt, sondern den Inhalt des button-Elementes, also mal wieder entgegen jeglicher Spezifikation :(
Das button-Element habe ich vor zwei Jahren das letzte mal verwandt, damals allerdings mit nur mit minderem Erfolg.
Nebenbei sind die Webkit-Leute die derzeit einzigen, die ernsthafte Entwicklungen Richtung »stylebarer« Inputs unternehmen. Und da geht es eben auch um Radios, Checkboxen und andere Controls. Für Designer wird das ein Paradies.
Ganz davon abgesehen bin ich aber nach wie vor der Überzeugung, dass System-Controls nicht verändert werden sollten. Gelernt ist gelernt ist gelernt und es kann nur allzuviel Schmarrn damit angestellt werden, schlussendlich leidet darunter eher die Usability denn das »Design«. Aber ich bin auch eher Techniker als Grafiker :)
marcus am 26. September 2006 #
laut selfhtml aber erfolgreich getestet:
http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern
vielleicht liegt es daran:
zitat:
Etwas seltsam erscheint die Angabe type=«button«, sie ist aber notwendig, um diesen Typ von Buttons zu unterscheiden von den Buttons zum Absenden und Abbrechen.
denn dies ist im beispiel nirgendwo notiert.
Nico am 26. September 2006 #
Habe mir jetzt zwar nicht alles durchgelesen, aber spricht denn gegen input type=«button«?
marcus am 26. September 2006 #
kann ich hier keine tags (quote, code…) benützen?
Nico am 26. September 2006 #
Ups, habe mich verschrieben. Ich meinte, was gegen den type=«image« spricht.
Jens Meiert am 26. September 2006 #
> Ganz davon abgesehen bin ich aber nach wie vor der
> Überzeugung, dass System-Controls nicht verändert werden
> sollten.
Das bedarf keiner Überzeugung, sondern lediglich angewandtem Wissen :) Safaris und Operas Einschränkungen hinsichtlich der Formatierung von Standard-Interaktionselementen sind von der Sache her etwas wunderbares.
Gero am 27. September 2006 #
Marcus, Nico: Es geht um den Button-Tag, nicht den Input-Tag, also [button][/button], nicht [input type=«button« /]
Der Button-Tag hat den Vorteil, dass er nahezu beliebige Elemente enthalten kann, also z. B. ein Icon mit einem Text. Gegen [input type=«image«] für eigentlich textliche Buttons spricht, dass man sich bei größeren, gar mehrsprachigen Seiten damit unglaublich viel Arbeit macht und die Pflege erschwert.
Gerrit am 27. September 2006 #
Zum Thema Formular-Styling »ja oder nein« habe ich ja schon vor einiger Zeit einen erschöpfenden Text geschrieben.
[type=’image’] ist deswegen doof, weil ich das Styling wieder im HTML anspreche, statt ins CSS zu verlegen. Und Styling im HTML ist? Doof!
Maurice am 27. September 2006 #
Das Safari Problem wird sich übrigens demnächst von selbst erledigen. In Zukunft kann man auch in Webkit basierten Browsern die Input Elemente per CSS stylen. In der aktuellen Version von Omniweb (5.5) und den Nightly Builds von Webkit ist dies bereits jetzt möglich. Endlich!
marcus am 27. September 2006 #
gero: schon klar :)
Jay am 27. September 2006 #
Ich hatte im IE einmal das eigenartige Problem, dass ein Formular beim Absenden durch Drücken der Enter-Taste immer ohne Inhalte gesendet wurde – an diesem Fehler bin ich fast verzweifelt und war schon kurz davor nach Redmond zu fliegen um den IE-Entwicklern ihren tollen Browser persönlich um die Ohren zu hauen.
Letztendlich lösen konnte ich es nur durch die Verwendung von button anstelle von input für den Submit-Button. Verstanden habe ich den Fehler jedoch bis heute nicht.
Simon am 27. September 2006 #
Roger Johansson, allen bekannt von 456 Berea Street, hat vor langer, langer Zeit eine Übersicht der Gestaltungsmöglichkeiten von Kontrollelementen in Formularen zusammengestellt.
Dem bleibt eigentlich nichts mehr hinzuzufügen.
Michael Preidel am 27. September 2006 #
Oh. Mein. Gott. Darauf hat die Welt gewartet. Dann brauchen wir nur noch die Möglichkeit, endlich die Scrollleisten und -buttons hellpink oder sonstwie, Hauptsache anders, zu färben, wie es diverse Topdesigner bei Windowsbrowsern schon jahrelang erfolgreich vormachen …
hukl am 27. September 2006 #
Im webkit sind die input fields bereits stylebar mit außnahme von password fields was natürlich auch albern aussieht. Aber irgendwann bekommen sie auch das hin.
Gerhard am 30. September 2006 #
Nett. Ein viel wertvollerer Fortschritt wäre es allerdings, die Manipulation von Bedienelementen endlich konsequent zu unterbinden.