[HTML] Problem mit dem Submit-Button im Formular

Heeyy..
also ich bin jetzt echt verzwifelt ^^

und zwar bin ich gerade am Gäsebuch, beim Eintragen. Die Ausgabe hab ich noch nicht aber das ist ja egal.
Aber ich möchte für das Formular unbedingt eine Grafik als Button.

Ein Button ohne Grafik, also der ganz normale funktioniert.

code: 1: <input type="submit" name="submit" value="Eintragen">

Ich habs schon mit Javascript versucht:

code: 1: <a href="" onClick="document.gastebuch.submit()"><img src="Skins/1/images/b_eintragen.png" border="0"></a>

Da passiert allerdings garnichts.

Dann hab ichs mit Css versucht. Funktioniert aber auch nicht. Sieht bei mir so aus:

code: 1: <input type="submit" style="background-image: url(Skins/1/images/b_eintragen.png); width: 115px; height: 17px; border: 0px; background-color:#DCDADA" value="">

Also mit CSS siehts schonmal besser aus als mit Java! Die Seite wird neu geladen und wenn ich im Browser auf "Zurück" klicke kommt "Erneut senden?" Nur kommt in der Datenbank nichts an. Der Reset-Button funktioniert allerdings auf diese Art und Weise..


ich hoffe ihr könnt mir helfen

Hi,

du machst dir das viel zu kompliziert. Es gibt einen "Grafikbutton" als Formularelement in HTML:

code: 1: <input type="image" src="Skins/1/images/b_eintragen.png" name="submit" value="Eintragen">

Bei Bedarf könnten auch die Attribute width und height gesetzt werden.


LG,
Oli

P.S.: Die CSS-Version würde sicherlich auch funktionieren, du hast lediglich das name-Attribut vergessen.

Edit: Tippfehler

Zitat:

Original von Oli du hast lediglich das name-Attribut vergessen.

seit wann braucht ein Submit-Button ein name-Attribut, das geht auch wunderbar ohne
edit: ok, wenn natürlich $_POST['submit'] abgefragt wird, dann würde das name="submit" wirklich eine Rolle spielen

also die CSS-Lösung sollte eigentlich gehen

nein wie geil ^^ mit deinem Code klappts Vielen Dank
aber ich hab eigentlich gedacht, ich hätte das schonmal ausprobiert, nur kam da der Standart button noch im Hintergrund...

Und wie mach ich das dann mit dem Reset-Button?

Zitat:

Original von Thorim edit: ok, wenn natürlich $_POST['submit'] abgefragt wird, dann würde das name="submit" wirklich eine Rolle spielen

Das hatte ich vermutet, da der Button ohne CSS, der dieses hat, funktioniert
und der Button mit CSS, der dieses nicht hat, nicht funktioniert.

Zitat:

Und wie mach ich das dann mit dem Reset-Button?

Das ist glaube ich nicht ohne weiteres möglich. Probier mal folgende Javascript-Lösung:

code: 1: <input type="image" .... onclick="this.form.reset();return false;">

klappt wunderbar danke danke danke

naja ich hätte jetzt generell einfach mit CSS gemacht, klappt halt auch bei deaktiviertem JavaScript

code: 1: 2: <input type="submit" name="submit" style="..."> <input type="reset" style="...">

Zitat:

Original von Thorim naja ich hätte jetzt generell einfach mit CSS gemacht, klappt halt auch bei deaktiviertem JavaScript

Klar, es gibt immer mehrere Möglichkeiten, wobei das Javascript ja auch nur für den Reset-Button notwendig ist. Ich finde, das kann man dann doch vernachlässigen. Wer kein Javascript hat, kann das Formular ansonsten ja immernoch nutzen, er kann nur nicht Resetten.