yubb.de-Logo
Tutorials
yubb@yubb
yubbService
Inside yubb

Submit-Buttons mal anders



Ein einfacher Absenden-Button am Ende von jedem Formular sieht auf Dauer etwas langweilig aus. Wie wäre es, wenn man diesen grauen Button durch ein Bild seiner Wahl ersetzt? Ich zeig euch, wie.

Hierzu nutzt man das Element
Code:
<button>
von HTML:

Code:
<button type="submit" name="button">
<img src="images/ie.gif" width="36" height="36" border="0">
</button>


Man beginnt mit dem Befehl und ordnet dem Button zu Anfang einen Typ zu (hier
Code:
submit
, also senden). Dann fügt man ganz normal ein Bild ein, so, wie man es immer macht. Beendet man nun noch den Button, hat man aus diesen 3 Zeilen einen stylischen Absende-Button gemacht, der genau zu seiner Seite passt und nicht mehr grau in grau ist.


Geschrieben von Phil Marx am 18.06.2004 (11425x gelesen)
weiterempfehlen weiterempfehlen   Druckversion Druckversion   kommentieren kommentieren