フォームのリセットボタンを押した時に確認ダイアログを出す
| サンプル |
| <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- function Check(){ if(confirm("入力した文字を消し去ってもよろしいですか?")){ } else{ return false; } } // --> </SCRIPT> </HEAD> <BODY > <CENTER> <FORM action="mailto:kensyou@748-ii.com" method="post" enctype="text/plain"> <TABLE border="0" width="632" height="166"> <TR> <TD width="61" align="center">名 前:</TD> <TD width="561"><INPUT name="名前" size="53"></TD> </TR> <TR> <TD width="61" align="center">メール:</TD> <TD width="561"><INPUT name="メール" size="53"></TD> </TR> <TR> <TD height="106" width="61" align="center" bgcolor="#b9b9ff">コメント:</TD> <TD height="106" width="561"><TEXTAREA name="メッセージ" rows="5"cols="53"></TEXTAREA></TD> </TR> </TABLE> <BR> <INPUT type="submit" value="送信する"> <INPUT type="reset" value="リセット" onClick="return Check()"></FORM> </BODY> |
| このサンプルではリセットしていいのかどうか1度ユーザーに問い合わせます。 return true を記述してませんが動くと思います。 |
こちらですぐにテストできます。
ソースを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。
このページへいきなり来られた方はこちらがホームページ改造王です。