✔ Bild als reset-Button

[non4me]

Hallo!

Ich habe folgendes Problem: Ich möchte bei meinem Kontaktforumlar keine normalen Buttons, sondern Bilder als Buttons haben. Beim submit-Button hat das auch funktioniert:
<input type="image" src="img/send_btn.bmp" alt="Absenden">

Bei reset ist type aber schon durch "reset" besetzt:
<input type="reset" name="Formular löschen" value="Formular löschen">

Wenn ich ein Bild als Button haben möchte muss ich da ja "image" einfügen. Geht ja aber nicht.

Kann mir da wer helfen?


mfg non4me

 

[Mark]

Hi!

Wenn Du über ein button-tag gehst, ist dies auch mit "type='reset'" möglich:
http://de.selfhtml.org/html/formulare/formularbuttons.htm#modern
http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern

Liebe Grüße,
Mark.

 

[Maik]

Hi,

die erste Lösungsvariante mit dem button-Element hat Mark ja schon genannt.

Dummerweise wird dann aber das value-Attribut nicht ausgegeben, sprich: die Buttton-Beschriftung "Formular löschen" fehlt.

Mit CSS kannst du beim input-Element (type=reset) bleiben und definierst die Grafik als Hintergrundbild.

Da die Regel vermutlich nicht für alle unterschiedlichen input-Typen innerhalb des Formulars gelten soll, spezifizieren wir sie mit der Klasse .reset:

CSS:

input.reset {
background: url(img/reset.jpg);
width: 100px; /* entspricht Grafikbreite */
height: 14px; /* entspricht Grafikhöhe */
}

HTML:

<input type="reset" name="Formular löschen" value="Formular löschen" class="reset">

 

[non4me]

Danke! Hat funktioniert ...


mfg non4me