- ベストアンサー
Resetボタンを画像にする方法を教えてお願いします。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>sss</title> <script type="text/jscript"> <!-- function fName(){ <!--ここのjavascriptの書き方が分からない？？？？--> } //> </script> </HEAD> <body> <FORM name="fName"> 日付： <input type="text" name="tel"><br> 住所： <input type="text" name=""><br> <!--ここのボタンは上記の内容を送信する--> <A href="#" onClick="action(アクション名)"><IMG src="sousinn.gif" border="0"></A> <!--ここでは上記の内容をリセットする--> <A href="JavaScript:document.fName.reset()"><IMG src="reset.gif" border="0"></A> <!--特にここのhrefの後ろはjavascriptにしたいです。--> </FORM> </body> </HTML> それを実現するにはどうすればいいでしょうか？ 教えてお願いします。
- laoyu
- お礼率62% (15/24)
- JavaScript
- 回答数4
- ありがとう数2
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
オブジェクトを渡してやるとやりやすい <script> function fName(obj){ obj.form.reset(); return false; } </script> <FORM> 日付： <input type="text" name="tel"><br> 住所： <input type="text" name=""><br> <input type="image" src="reset.gif" border="0" onClick="return fName(this)"> </FORM> </body> </HTML>
その他の回答 (3)
- zxcv0000
- ベストアンサー率56% (111/196)
失礼しました。 No.3さんのおっしゃるとおり。 <button type="submit" onclick="return funcForSubmit(form);"> の様に書けば、独自処理を追加するのもその中で 送信をキャンセルするのもOKです。
- steel_gray
- ベストアンサー率66% (1052/1578)
#2の補足というか訂正。(type属性の存在が無視されてる) もし、button を使うならJavascriptは不要。 <button type="reset"><img ～></button> 送信も同様に <button type="submit"><img ～></button> button特有のデザインが気に入らなければスタイルシートで対応できます。
- zxcv0000
- ベストアンサー率56% (111/196)
別のアプローチじゃダメですか？ 別の場所にJavaScriptが不要です。 <button type="button" onclick="form.reset();"><img src="reset.gif" border="0"></button> 試してません。 form が undefined だったら、 document.getElementById() とかに替えてください。 お気に召した場合は、送信も form.submit() でできます。
お礼
ご答えありがとうございました。 hrefのところだけJavaScript:document.fName.reset()を書いてヘッダーにjavascriptを書かなくても、ローカルで実行して見てうまくいきました。 関係あるかどうか分かりませんですが、今の事情を説明させていただきたいです。 今は会社の研修中です、OSはwindow xp環境はTomcat6.0、MySql、Eclipse3.3を使って仮のプログラムを作っているところです、サーブレットを組んで、ｈｔｍｌの内容をｊｓｐファイルに編集し、日付や住所を取得してデータベースに書き込み。 上記の内容をその中で実行すると、効かなくなるのはどうしたのか分からなくて、今でもその問題は未解決のです、どうぞ、また教えてください。
お礼
ご回答ありがとうございます＾＾ すぐしてみましたが、うまく以下なかった。 firefoxのでバックしてみると obj.form is undefined onclick() undefined といわれました。