Das Button Element neu entdeckt

Mittwoch, 16. Mai 2007

Button VS input

Eine Webseite so zu gestalten, dass sie auf den unterschiedlichsten Browsern und Betriebssystemen identisch aussieht, stellt oft eine Herausforderung für jeden Webdesigner dar.

Das wird besonders bei Formularen und insbesondere beim Submit-Button deutlich. Meist wird hierzu <input type="submit" value="senden" /> verwendet. Besser ist jedoch die Darstellung mittels <button type="submit">senden</button>, da dieses Element mehr und bessere Darstellungsmöglichkeiten bietet.

Hier ist eine schöne Zusammenfassung wie man den Submit-Button richtig “aufstylen” kann: Rediscovering the Button Element

Popularity: 18% [?]

2 Kommentare »

Die Buttons an sich sind wirklich schöne Elemente. Ich verwende Sie zum Absenden von komplexen Formularen, denn wo es mehr Absendebuttos gibt, sind diese, mit kleinen Bildern versehen, verständlicher und besser integrierbar als Texte wie “Zurücksetzen”, “Formular übermitteln”….

Leider sind die Buttons zum übermitteln von Daten unter Verwendung des IE (selbst IE7) völlig nutzlos, da der IE absolut nicht das Value-attribute übermittelt, sondern den Text des Buttons. Dadurch wird es unmöglich mehrere gleiche Buttons mit unterschiedlichem Value in einem Formular zu verwenden…

“Das Button Element neu entdeckt” -> wann wird es eigentlich von Microsoft entdeckt.

Kommentar by Helm

30. Mai 2007 @ 15:53

Gravatar

Dem kann ich leider nur zustimmen. Das Button Element ist leider in allen Internet Explorer Versionen sehr schlecht implementiert. Versendet wird nicht der Value-Wert sondern der Inhalt des Buttons. Man kann aber die entsprechenden Variablen auch über ein verstecktes Input Feld verschicken wie es hier beschrieben wird.

Kommentar by Andreas Jobst

30. Mai 2007 @ 17:20

RSS Feed für Kommentare zu diesem Artikel. TrackBack URI

Hinterlasse einen Kommentar

XHTML: Sie können diese Tags verwenden: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

blogCloud bloggerei.de supported by www.rankingcloud.de Gelistet im Blog Verzeichnis