Submit-Buttons mal anders

Man kann Submit-Buttons durch eine Grafik ersetzen, die dann den Button repräsentiert.
Wie der Code dafür aussiht, kann man hier nachlesen.

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 (5445x gelesen)