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

A 回答 (4件)

すべてのブラウザで動作するかどうかわかりませんが、



<a name="" onClick="JavaScript:reset();"><img src=""></a>

という形(空文字列部分は適当にどうぞ)でいかがでしょう。
    • good
    • 0
この回答へのお礼

助かりました。
ありがとうございます。

お礼日時:2001/03/09 22:44

これです。


例:

<FORM NAME="myFORM">
<INPUT TYPE="TEXT" NAME="A">
</FORM>

<A HREF="JavaScript:document.myFORM.reset();"><IMG SRC=""></A>

一番下の行の myFORM のとこにFORMタグのnameを入れて使います。
    • good
    • 0
この回答へのお礼

ありがとうございます。
私ももっと勉強しなくては。。。

お礼日時:2001/03/09 22:45

答えになっていないことに気づきました。


すみません、下の回答は無視してください。
(知らないくせに、おせっかいするとこうなってしまう…)
    • good
    • 0
この回答へのお礼

いえいえ。どうもありがとうございます。

何か、あればいいんですけど。。。

お礼日時:2001/03/09 13:05

<INPUT TYPE="submit" VALUE="送信">



<INPUT SRC="イメージ名" WIDTH="幅" HEIGHT="高さ">
にしたらどうでしょう。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qフォーム内で記入したクエリ送信後自動的にフォーム内をリセットする方法

いつもお世話になっております。
今回ご教授いただきたいのが、

<FORM action=/search/clanad/filed.exe method=post target="main">
~~中略~~
<INPUT type=submit value=検索 >

という形で、フォーム内に記述したものを、
submitで"検索"を押して動作が走ったときに連動してクリアしたい、と考えております。

どのような記述を加えてあげれば宜しいのでしょうか?
単純なごしつんもんかとは思いますが、知恵をお貸しいただければと思います。

よろしくお願いいたします。

Aベストアンサー

送信ボタン属性がsubmitだと、タイミングによって入力データの一部が送信前にリセットされるおそれがありますから、次のようにするといいでしょう。

(1) ヘッドに次のスクリプトを記述する。
<script type="text/javascript">
function rset(f){
f.submit();
f.reset();
}
</script>

(2) ボタンのtype属性をbuttonにして、onclick属性を付ける。
<INPUT type="button" value="検索" onclick="rset(this.form)">

Qメルアドを載せないメール送信フォームをJAVAスクリプトで作れませんか

メルアドを載せないメール送信フォームをJAVAスクリプトで作れませんか?
ホームページにメルアドを載せるとジャンクメールが来るし、CGIもつくれないので、解決方法を探しています。

メルアドを載せないメール送信フォームをJAVAスクリプトで作ることはできるのでしょうか?

Aベストアンサー

不可能ではありません。
onSubmitを使って、フォームの送信ボタンが押されたら、送信の処理をスクリプト内に映します。
その中で、メールアドレスを指定すればいいのですが、アドレスをそのまま表記するのではなく、分割しておきます。それを式を使って合成すれば、ソース上にアドレスがそのままという状態は回避できます。

こちらに単純な事例があります。
http://guardian.ne.jp/program/js01.html

参考URL:http://guardian.ne.jp/program/js01.html

Qフォームの送信ボタンを画像にしたい

<div style="float:left; margin-left:5px; margin-top:4px;">
<form id="form1" name="form1" method="post" action="test">
<input type="hidden" name="sample" value="test">
<span onclick="submit()" id="sample2" style="cursor:pointer;">
<img src="img.jpg" alt="sample"></span>
</form>
</div>

html内に上記のように記述し、
フォームの送信ボタンを作成いたしました。

IEでは問題なく動作したのですが、
ファイヤーフォックスでは動作しませんでした。

調べたところ、documentを省略せずに記述すると動作するとなっていたので、下記のように書き換えました。

<div style="float:left; margin-left:5px; margin-top:4px;">
<form id="form1" name="form1" method="post" action="test">
<input type="hidden" name="sample" value="test">
<span onclick="document.form1.submit()" id="sample2" style="cursor:pointer;">
<img src="img.jpg" alt="sample"></span>
</form>
</div>

そうすると今度はIEでもファイヤーフォックスでも動作しなくなりました。

どこか記述が間違っているのかもわからず、悩んでいます。
解決策や修正箇所等教えていただきたく思います。

ちなみに、やりたいことは
「フォームの送信ボタンをテキストリンク、もしくは画像リンクのように見せたい」
ということだけです。

よろしくお願いいたします。

<div style="float:left; margin-left:5px; margin-top:4px;">
<form id="form1" name="form1" method="post" action="test">
<input type="hidden" name="sample" value="test">
<span onclick="submit()" id="sample2" style="cursor:pointer;">
<img src="img.jpg" alt="sample"></span>
</form>
</div>

html内に上記のように記述し、
フォームの送信ボタンを作成いたしました。

IEでは問題なく動作したのですが、
ファイヤーフォックスでは動作しませんでした。

調べたところ、documentを省...続きを読む

Aベストアンサー

単純にtype="image"ではだめなの?

<form>
<input type="hidden" name="sample" value="test">
<input type="image" src="1.jpg">
</form>

どうしてもjavascriptでというならこう?

<form id="form1">
<input type="hidden" name="sample" value="test">
<img src="1.jpg" onclick="document.getElementById('form1').submit()">
</form>

Qラジオボタンでフォームの送信先を切り替える

<script type="text/javascript">
<!--
function setDisabledTextbox(F,N1,N2,N3) {
if(N1 == "OrderPayment0") {
F[N2].disabled = true;
F[N3].disabled = false;
}
else {
F[N2].disabled = false;
F[N3].disabled = true;
}
}
//-->
</script>

//フォームの1の記述
<form method="post" action="送信先1">

//ラジオボタン1の記述
<input type="radio" name="payment1" value="値1" onclick="setDisabledTextbox(this.form,this.id,'tbox0','tbox1')" <?php if($payment_name == "値1") echo "checked"; ?> id="OrderPayment0" />
<label for="OrderPayment0">値1</label><br />
//ラジオボタン2の記述
<input type="radio" name="payment2" value="値2" onclick="setDisabledTextbox(this.form,this.id,'tbox0','tbox1')" <?php if($payment_name == "値2") echo "checked"; ?> id="OrderPayment1" />
<label for="OrderPayment1">値2</label><br />


送信1の入力フォームの記述



<input type="submit" name="tbox0" value="送信1" disabled />
</form>

//フォームの2の記述
<form method="post" action="送信先2">



送信2の入力フォームの記述



<input type="submit" name="tbox1" value="送信2" disabled />
</form>


上記の記述で、最初、送信ボタン1及び送信ボタン2をdisabled状態にしておいて、ラジオボタンの1が押されたら送信ボタンの1を活性化、ラジオボタンの2を押したら送信ボタンの2を活性化するというように切り替えたいのですが、今のところ送信ボタンの1の切り替えはうまくいっているのですが、送信ボタンの2の方がdisabledされたままにまります。フォームの有効範囲の問題かな?と思って、ラジオボタンの2の記述をフォームの2の記述の方に移してみたりしたのですが、結果は同じようです。
両方とも切り替えるようにするには、どのように記述すればよいのでしょうか?

御教示願えればと思います。

<script type="text/javascript">
<!--
function setDisabledTextbox(F,N1,N2,N3) {
if(N1 == "OrderPayment0") {
F[N2].disabled = true;
F[N3].disabled = false;
}
else {
F[N2].disabled = false;
F[N3].disabled = true;
}
}
//-->
</script>

//フォームの1の記述
<form method="post" action="送信先1">

//ラジオボタン1の記述
<input type="radio" name="payment1" value="値1" onclick="setDisabledTextbox(this.form,this.id,'tbox0','tbox1')" <?php if($payment_name == "値1") echo "checked";...続きを読む

Aベストアンサー

>onclick="setDisabledTextbox(this.form,this.id,'tbox0','tbox1')"
のthis.formはフォーム1を指しますよね?
tbox1はフォーム1には存在しないのですから、
>F[N3].disabled = false;
>F[N3].disabled = true;
としても何も変更されません、というかエラーになっていると思うのですが。

tbox1を操作したいのであれば、フォーム2のtbox1を参照するようにしないといけません。

ちなみに、
disabled = true;
とすると無効化されるのですが、認識は合っていますか?
なんだか逆に書いているように思います。

QCGIフォーム一定時間過ぎると送信ボタンを押さなくてもsubmitする

CGIフォームで20秒、一定時間過ぎると送信ボタンを押さなくても自動的にsubmitする様にしたいのですが、多分JavaScriptで出来るのではないかと思うのですが、コード例など教えていただけませんでしょうか?

Aベストアンサー

setTimeoutすると読み込まれてからnミリ秒後に実行します
20秒であれば第二パラメータで20000です。
formをサブミットするのはformsの番号もしくは名前で
指定して、submit()するだけです。
はっしょって書くと以下のとおり。

<script langugage="javascript">
setTimeout('document.forms[0].submit()',20000)
</script>


人気Q&Aランキング

おすすめ情報