✔ Image-Button als Reset-Button?

[unrealzero_php]

Hallo Zusammen

Normalerweise habe ich in einem Formular einen Reset-Button um die Formulardaten zurückzusetzen. Wie muss ich das ganze Lösen wenn ich eine Grafik als Button habe? Bsp.:

<input type="image" src="image/test.gif" />

 

[Sinac]

probiers mal so:

<form name="formular">
<input type="image" src="image/test.gif" onclick="document.formular.reset();"/>

 

[unrealzero_php]

probiers mal so:

<form name="formular">
<input type="image" src="image/test.gif" onclick="document.formular.reset();"/>

So wie es aussieht funktioniert es mit einem Button nicht, da dann immer das Formular neu geladen wird. Hab's jetzt so gelöst:

<a href="javascript:document.forms['.$f.'].reset()"><img src="images/reset.gif" alt="Zur&uuml;cksetzen" border="0"/></a>

wobei $f das entsprechende Formular bezeichnet. Bei XHTML-Strict wird name als Attribut nicht mehr akzeptiert, deswegen habe ich das ganze über einen Array gelöst.

 

[Quaese]

Hi,

es funktioniert mit dem Button schon, Du musst jedoch false im onclick-Event zurück geben.

Ausserdem kannst Du das Formular auch über eine ID und die Methode getElementById ansprechen.

<form id="formular">
  <input type="image" src="image/test.gif" onclick="document.getElementById('formular').reset(); return false;"/>
</form>

Ciao
Quaese

 

[Maik]

Hi,

alternativ könntest du mittels CSS dem Reset-Button die Grafik als Hintergrundbild zuweisen.