Submit With Style

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

submit-buttons.gif

So erstellen Sie einen super einfachen Submit-Button

<input type="button" value="Submit" />

Alles, was Sie tun müssen, um diesen Standardbutton durch ein Bild zu ersetzen, ist, den Typ auf "image" zu ändern und dann eine Quellbilddatei wie diese anzugeben.

<input type="image" value="Submit" src="submit-1.gif" />

Sie können auch eine Klassenanweisung hinzufügen, wenn Sie ihn weiter stylen möchten (z. B. Floats, Borders usw.).

Ich habe eine Beispielseite mit einer Reihe von Beispiel-Submit-Buttons erstellt. Sie können die Beispielseite auch gerne herunterladen und damit tun, was Sie möchten.

[LIVE-BEISPIEL]

[BEISPIEL HERUNTERLADEN]