formのreset動作


textbox1:

記事へ戻る --- 愚鈍人ホーム
JavaScriptの参考書 /  Ajaxの参考書 /  HTMLの参考書 /  CSSの参考書

 


htmlソース

<!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>