Es gibt mehrere Möglichkeiten einen Formularknopf mit einer Grafik zu verschönern, beziehungsweise durch eine solche zu ersetzen. Doch dann können keine Werte (value) übergeben werden. Für CGI-Programme zur Auswertung umfangreicher Formulare ein Problem.
Die einfachste und bekannteste Methode ist: <input type="image" src="grafik.gif">. Werte (value) lassen sich so nicht übergeben.
ist theoretisch genau, was wir brauchen. Leider denken die Browserhersteller anders. Der IE liefert statt "wert " das komplette <img src="grafik.gif">, einen Knopf zurück, von Browserkompatibilität gar nicht zu reden. Schade.
Also behelfen wir uns selbst, indem wir eine Grafik und eine herkömmliche Schaltfläche miteinander kombinieren. Dank CSS ist das kein Problem. Vor der Bebilderung der Buttons wird mit geschützen Leerzeichen ( ) der Platz geschaffen. Das sieht dann, wie folgt, aus.
Eines ist zu beachten. Wenn das CGI-Script value auswertet, müssen die Leerzeichen berücksichtigt werden. Das sollte aber kein Problem darstellen. Ältere Browser lassen einfach die Grafik weg, die Knöpfe sind aber weiterhin benutzbar.
Artikel, die Sie auch interessieren könnten:
Schönere Formulare Wie man mit Tabellen und Grafiken aus langweiligen Formularen echte Highlights macht.
