サブミットボタンを画像化し、サブミットボタンの＜input type=reset value=入力した内容を最初からやりなおす＞と同じ動作を行うタグをおしえてください。＜a　haref=？？？＞＜img　src=image.jpg＞＜/a＞という形になるのではというのをイメージしてますが、ご助言おねがいします。

JavaScriptで form の reset() を呼ぶことでリセットできます。

<form name=”form0” method=”get” action=”a.cgi”><input name=”” type=”text”>

<img src=”” onClick=”document.form0.reset();return false;”>

<a href=”JavaScript:;” onClick=”document.form0.reset();return false;”>reset</a>

</form>

<form action=”script.cgi” id=formname method=”POST”>

<input type=text value=””>

<input id=rst type=reset style=”display:none;”>

</form>

<a href=javascript:formname.rst.click();><img src=img.jpg></a>

こんな感じで

IDに注意して

やり方は色々あると思いますが、

がドンぴしゃりではないでしょうか。

<input type=image src=”xxx.gif” onClick=”this.form.reset(); return false;”>

こんなのでどうでしょうか。

<BUTTON type=”reset”><IMG src=”URL” width=”*” height=”*” border=”0” alt=”reset”></BUTTON>

で可能だと思いますが、このタグですとボタンのサイズが画像より大きくなってしまうのでスタイルシートを併用しないと見栄えが悪いかもしれません。

JavaScriptを使うと

<INPUT type=image src=”URL” onClick=”this.form.reset(); return false;” alt=”reset”>

でもリセットできるようになります。

他にもいろいろと方法がありそうですね。

お役に立てましたでしょうか〜

<img src=”reset.gif” onClick=”doReset();”>

というかんじで、onclickの属性にフォームのリセットを行うJavascriptを呼び出してはいかがでしょうか。

<form … name=”form1”>

<a href=”#” onClick=”form1.reset()”>

・・・

</form>