<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>formのreset動作</title> <link href="/gudon/css/default.css" rel="stylesheet" type="text/css" /> </head> <body> <h1>formのreset動作</h1> <hr /> <ul> <li>resetボタンの動作 textbox1の内容を変更してresetボタンを押下すると、 resetボタンのonclickメソッドが発生して、confirmのダイアログボックスが表示されます。<br /> ダイアログボックスのokボタンを押下すると、formのonresetメソッドが実行されて、再度 confirmのダイアログボックスが表示されます。<br /> ダイアログボックスのokボタンを押すと、reset動作が実行されます。 </li> <li>ボタン1の動作 ボタン1を押下するとformのresetメソッドが実行されて、 formのonresetイベントが発生して confirmのダイアログボックスが表示されます。<br /> ダイアログボックスのokボタンを押すと、reset動作が実行されます。 </li> </ul> <form name="form1" onreset="return confirm('formのonreset\nreset動作をおこないますか?');"> textbox1: <input name="textbox1" type="text" value="テキストボックス"/> <br /> <input name="resetButton" type="reset" value="resetボタン" onclick="return confirm('resetボタンのonclick\nreset動作をおこないますか?');"> <!-- inputボタンによるresetボタンの代用 --> <input name="button1" type="button" value="ボタン1" onclick="document.form1.reset();"/> </form> </body> </html>