• ベストアンサー

FORM内でイメージボタンをクリアボタンとして使う方法

FORM内に送信とリセットのボタンをイメージボタンで置こうとしてます。 そこでどうやったらリセットの機能ができるのかがわかりません。 できればJavaScriptを使わないで方法があればいいのですが、JavaScriptでも IE、ネスケの両ブラウザで動作すればいいです。アドバイスください。

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • leaz024
  • ベストアンサー率75% (398/526)
回答No.1

画像はIMGタグで表示し、それをAタグで囲み、AタグのonClickでreset()すればよいはずです。 <FORM name="form1" …>    : <A href="" onClick="document.form1.reset()"> <IMG …>これがリセットボタンになる </A> </FORM>

kojio03
質問者

お礼

できました。ありがとうございました!!!!

関連するQ&A

  • FORMボタン

    このフォーム変なのですか? 見た目は、[年月] [GO] となっていて、 [年月]のセレクトで選んで、 [GO]ボタンを押せばそのページに飛ぶのだと思いますが、 [GO]を押さなくてもセレクトを選んだだけで動作します。 この[GO]のボタンの意味あるんでしょうか? それとも何か間違っていますか? 正しい記述方法があれば教えてください。 <form> <select name="u" onchange="JavaScript:location.href=this.value;return false;"> <option value="http://~~/2009-05-1.html">2009/05</option> <option value="http://~~/2009-04-1.html">2009/04</option> </select> <input type="button" value="GO" onclick="JavaScript: location.href=this.form.u.value; return false;" /> </form>

    • ベストアンサー
    • HTML
  • リセットボタンのイメージ化

    フォームでの送信に良く、イメージを使っている場合がありますが、 リセットボタンをイメージにできないものでしょうか? きっと、スクリプトでできるんですよね? 何か、よい方法ありましたらお願いします。

  • 「リセット」ボタンを「画像」で用いる方法はありますか?

    フォームの「リセット」ボタンの機能を画像を用いて使用したいのですが、 可能でしょうか。方法があれば教えてください。 <input type="image" ~>でいくらか試して見ましたが、 うまくいきません。 javascript等を利用する方法等があればお教え願います。

  • formの送信ボタンをテキストにしたい・・・。

    タイトル通りなのですが、formの送信ボタンをテキストにしたいと思い、下記ページを見つけ試してみました。 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1213552117 ペストアンサーの方の方法で、リンクされていたページのソースも見てみたのですがボタンとしての機能を果たさずクリックしてもページ遷移せず、カーソルの変更(矢印から指マーク)もしませんでした。 ソースを見る限り、JavaScriptを別途記述しているわけでもないようです。 記述したソース(form部分)はこれです。 HTMLべたうちではなく、PHPでソースを生成しています。 <form action='./aaa/bbb/ccc.php' method='POST' name='abc' id='abc'> <input type='hidden' name='flg' value='1' /> <span onclick='submit()'>メイン</span> </form> どの部分がおかしいなど指摘してもらえないでしょうか? また、別の方法で<span>部分を<a>にしてタグの中にJavaScriptでsubmit()を記述する方法も試してみたのですが、画面遷移するもののhiddenで記述した値が無視されてしまいました。 解決方法や別の方法などありましたら教えていただければと・・・。 条件として、ブラウザのアドレス部分にhiddenの内容が表示されないようにしたいです。

    • ベストアンサー
    • HTML
  • Form1にForm2のデータを追記したい

    いつも大変参考にさせていただいております。 今いじっているページについて質問なのですが Form1とForm2があり、それぞれ別のデータが入っているのですが、 Form1のデータの後ろにForm2のデータを追記して、送信したいと考えております。 Form1 + Form2 ⇒ ○○○.cgi という、イメージです。 出来ればボタンを押すとForm2のデータがForm1に移り、「送信」ボタンを押すと一つになったデータが違うファイルに送信されるようにしたいのです。 可能でしょか??どうぞ宜しくお願いいたします。

  • <form>タグに2つのボタン

    <form>タグで2つのボタンを表示させ、以下のようにそれぞれのボタンで フィールドに別の値を入れて送信させることはできますでしょうか? できればHTMLで、できなければJavaScriptでできますでしょうか? ・button1を押したときは  フィールド「CASE」に1を入れて送信、  HTMLで書くと、<input type="hideen" name="CASE" value="1"> ・button2を押したときは  フィールド「CASE」に2を入れて送信、  HTMLで書くと、<input type="hideen" name="CASE" value="2"> ===== HTML ====================== <form action="test.cgi" method="post"> <input type="text" name="text1"> <input type="submit" value="button1"> <input type="submit" value="button2"> </form> 宜しくお願いします。

    • ベストアンサー
    • HTML
  • ブラウザの×ボタンを効かなくする方法

    ブラウザの×ボタンを効かなくする方法 QNo.111276 お世話になります、 JavaScriptで(もしくはASP)で、ブラウザの右上の「×」ボタンを機能させなくする方法(メソッド)をご存知のかたいらっしゃったら教えていただきたいのですが。 よろしくお願いします。

  • <form>について教えてください

    <form>  <テキスト1>  <テキスト2>  <テキスト3>  <ボタン1>  <テキスト4>  <テキスト5>  <ボタン2> </form> 上のように書いて ボタン2を押したとき、テキスト1~5の入力値を 次のファイルに送ることは可能でしょうか? Javascriptを使っても構いません。 わかる方、アドバイスください。

    • ベストアンサー
    • HTML
  • ボタンでイメージの変更/Netscapeでエラーがでてしまいます。

    もしかすると単純なことかもしれないのですけど、 どうしても分からないので質問させて下さい。 ボタンを押すたびに次の画像に変わり、 最後の画像のあとは次のページへ進むようにしたいと思っています。 ちょっとした紙芝居のような感じです。 配布されていたスクリプトをもとに以下のようにしてみたのですが、 Netscape4.6で動かすと、次のページに行く時に エラーが発生してブラウザがなんと強制終了してしまいました。 IE5.5とNetscape6ではうまく動いたのですが。。 どうすればエラーにならないでしょうか?? もうひとつ、ボタンをimage buttonにしたいのですけど、そのまま<input type=image>にしてもダメみたいです。image buttonで動作させるにはどうしたら良いでしょうか。 ↓内容はこんな感じです↓ <SCRIPT Language="JavaScript"> <!-- Num = 1 maxPage = 3; function next() { Num = Num + 1; if (Num > maxPage) { location.href="next.html" } document.myImage.src = "image"+Num+".gif"; document.myForm.page.value = Num; } // --> </SCRIPT> ------------------------------------- <img SRC="image1.gif" WIDTH="100" HEIGHT="100" NAME="myImage"> <form NAME="myForm"> <input TYPE="button" VALUE="次へ" onClick="next()" NAME="button2"> </form> 長々と申し訳ありません。詳しい方どうかよろしくお願いします!!!

  • 送信ボタンができない?

    こんにちは。Macに付属の「SimpleText」で、HTMLを記述してホームページを作成しようとしています。 <form>タグ内で、   <input type=submit alt=送信>   <input type=reset alt=リセット> としましたが、送信ボタンやリセットボタンができません。(IEで見ても、ボタン自体が現れません。) <form action="mailto:(メールアドレス)"> としているのですが、これがまずいのでしょうか? (CGIを使用しないといけないのでしょうか?) なお、OSは9で、OS8からのアップグレードです。(初代iMac使用) ご存知の方、ぜひご意見をお願いいたします!

    • 締切済み
    • Mac

専門家に質問してみよう