人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: konta_mail
●カテゴリ:ウェブ制作
✍キーワード:.jpg reset SRC はと イメージ
○ 状態 :終了
└ 回答数 : 7/7件

▽最新の回答へ

1 ● nansya
●15ポイント

http://webmaster.hatena.ne.jp/1074861240#

サブミットボタンを画像化し、サブミットボタンの<input type=reset value=入力した内容を最初からやりなおす>と同じ動作を行うタグをおしえてください。<a haref=??.. - 人力検索はてな

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>


2 ● masi
●15ポイント

<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に注意して


3 ● beatnik
●16ポイント

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

http://chaichan.hp.infoseek.co.jp/qa3000/qa3467.htm

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


4 ● hidemaru
●16ポイント

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

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


5 ● Fuchi
●16ポイント

<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”>

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

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

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


1-5件表示/7件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ