Graphische Submit-Buttons in Formularen

Die sogenannten Submit Buttons, mit denen ein HTML-Formular abgeschickt wird, präsentieren sich üblicherweise in einem schlichten Grau. Dies ist in vielen Fällen auch angemessen, kann aber auch mal langweilig werden. Will man die Formulare etwas aufpeppen, so kann es sich anbieten, den Systembutton durch eine Grafik zu ersetzen. Dazu erzeugt man ein Input-Tag vom Typ 'image', welches den Pfad der Quelle per 'src'-Property bekommt:

 

 

<form method="post" action="">
   <input type="text" name="eingabe">
   <br>
   <input src="/images/submit.gif" style="border:0;" type="image">
</form>

In der Praxis sieht das dann z.B. wie folgt aus: