LautundKlar Webdesign Blog

LautundKlar Webdesign Agentur Passau - Webdesign Weblog

Victor Hugo:
Ein Traum ist unerlässlich, wenn man die Zukunft gestalten will.

LautundKlar Webdesign Blog

Weblog zum Thema Webdesign, auf dem wir in unregelmäßigen Abständen zu interessanten Artikeln verweisen und Tipps zu bestimmten Problemen (Webdesign, CSS, PHP, JavaScript, Typo3 etc.) geben wollen.


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: 44% [?]

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 von 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 von Andreas Jobst

30. Mai 2007 @ 17:20

RSS-Feed für Kommentare zu diesem Beitrag. TrackBack-URI

Einen Kommentar hinterlassen

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>

Kommentarlinks könnten nofollow frei sein.



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

PantherMedia -  Fotocommunity und Bildagentur für lizenzfreie Fotos
 Bildsuche: lizenzfreie Fotos