Reset button -> image

[Anon]

Hi,

This is not a PHP question but an HTML queston, can anybody help me plz?

I use this tag to change the submit-button in an image, so far so good, no problems at all:

<input type="image" src="graphics/send.gif" name="somename">

I would like to do exact the same for the reset-button but this doesn't work because type="reset".

How do I do this?
Thanks a lot!

Simon

[Anon]

Simon,

What you require is outside the HTML specification. I suggest you use an ordinary image using <img> and set a client-side scripting event handler (javascript onclick would suffice) to call the reset() method of the parent form element.

Regards,

David

[Anon]

Thanks but I don't know how to fix this... can you help me please?

Greetz,
Simon

[hephaestus]

Don't know how to fix it... you mean you don't know how to implement his suggestion? Here, try the following:

<form name="someform">
<img name="somename" src="graphics/send.gif" onclick="document.someform.reset()">
</form>

This, of course, will give the image an "onclick" which, when fired by clicking on the image, will reset form someform. If you really wanna get fancy, you might consider using Cascading Style Sheets to give the image the familiar hand pointer when you move your mouse over it by adding style="cursor: hand". That's what Mr. Grant was suggesting.

Another way to implement it would be to use the more familiar <a> tag and just set the href attribute to do your dirty work like this:

<form name="someform">
<a href="document.someform.reset()"><img name="somename" src="graphics/send.gif"></a>
</form>

Both solutions will do the same thing. Neither is necessarily superior to the other except that the first actually uses a proprietary CSS extension to get the hand, whereas the second solution will result in a hand icon automatically. So technically, the second one is better style. Let us know how it all worked out for ya. Good luck! =)