Problem mit grafischen Button "reset" im Formular

tetchi · 13.10.2005, 16:02

Hallo Allezusammen,

ich habe mir ein Kontaktformular in html gebastelt und möchte da gern schöne grafische eigene Button für die Befehle "submit" und "reset" einbinden. Der Butten für "submit" funktioniert auch einwandfrei nur mit dem "reset" der den eingegebenen Inhalt löschen soll führt den gleichen Befehlt wie für "submit" aus.

Kann mir da jemand helfen. Ich finde den Fehler einfach nicht.
Hier mal mein HTML-Code:

Code:

</head>

<body>

<div>

<form action="http://www.test/cgi-bin/form.cgi" method="get" 
  enctype="application/x-www-form-urlencoded" name="Formular" 
  onSubmit="return chkFormular()">
<pre>
    <table width="755" border="0" cellspacing="1" cellpadding="0">
      <tr>
       

</tr>

    </table>

<p class=MsoNormal> 

	<INPUT NAME="submit" TYPE="image" src="formularsenden.gif" alt="Abschicken" width="152" height="20"> <INPUT NAME="reset" TYPE="image" src="loeschen.gif" alt="Löschen" width="152" height="20">
	
	</p>
	</pre>
  </form>

</div>

</body>

</html>

Ich bin für jede Hilfe dankbar.

semtex · 13.10.2005, 17:06

der image-button ist immer nur ein submit-button. du kannst mit diesem typ keinen reset-button definieren.

TF101 · 13.10.2005, 20:43

Definiere eine Grafik als Button mit dem #

Dann die Scriptanweisung onClick="reset()" geben, das ganze natürlich innerhalb des Formulars

Hier ein Beispiel:
<a href="#" onFocus="if(this.blur)this.blur()" onClick="reset()"><img src="bilder/resetbutton.jpg" width="146" height="26" border="0"></a>

Gruß
Thomas

Zockratte · 14.10.2005, 05:28

Type="image" scheint nicht immer zu funktionieren, einige PHP-Scripte laufen bei mir damit nicht. Den genauen Grund habe ich noch nicht recherchiert aber ich hatte in dieser Woche ähnliche Probleme.

type"restet" und type"submit" sollte stehen bleiben also mach ichs mit CSS.

HTML-Code:

<input class="abschicken" name="bestellen" type="submit" value="&nbsp;">

HTML-Code:

input.abschicken
{
border:0px solid #000000;
height:28px;
width:124px;
cursor: pointer;
background: url('abschicken.jpg');
}

tetchi · 14.10.2005, 09:14

Hallo,

ich danke Euch für die schnelle Antwort. Ich habe es mit dem Vorschlag von Thomas probiert. Es funktioniert wunderbar.

Vielen Dank. Ihr habt mir sehr geholfen.

TF101 · 14.10.2005, 13:36

Keine Ursache!