7.9 Grafikbasierte Submit-Buttons
Problem
Eine Grafik soll als Submit-Button verwendet werden, wie in Abbildung 7-14 gezeigt.
Lösung
Verwenden Sie ein input-Element, dessen type-Attribut den Wert image erhält:
<inputtype="image"name="submit"src="submit.gif"/>
Abbildung 7-14. 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 unter http://www.w3.org/TR/html4/interact/forms.html#h-17.4.
Get CSS Kochbuch now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
