Grafikbasierte Submit-Buttons

(Auszug aus "CSS Kochbuch" von Christopher Schmitt)

Problem

Eine Grafik soll als Submit-Button verwendet werden, wie in der nächsten Abbildung gezeigt.

Lösung

Verwenden Sie ein input-Element, dessen type-Attribut den Wert image erhält:

<input type="image" name="submit" src="submit.gif" />

Das Vergrößerungsglas-Icon dient als Submit-Button

Abbildung: Das Vergrößerungsglas-Icon dient als Submit-Button.

Diskussion

Auch wenn das Einfügen eines grafikbasierten Submit-Buttons eigentlich eine HTML-Technik ist, kann das Bild mit CSS-Eigenschaften wie border und margin gestaltet werden.

Siehe auch

Die HTML 4.01-Spezifikation zum input-Element.

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln