formのsubmit動作

ボタンの押下によりsubmitをおこなう。

記事へ戻る --- 愚鈍人ホーム
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のsubmit動作</title>
<link href="/gudon/css/default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>formのsubmit動作</h1>
<hr />
<p>ボタンの押下によりsubmitをおこなう。</p>
<form name="form1" action="/gudon/rd/ajax/html/form1_result.html"
	onsubmit="return confirm('formのonsubmit\nsubmit動作をおこないますか?');">

	<!-- submitボタンによるsubmit -->
	<input name="submitButton" type="submit" value="submitボタン"
		onclick="return confirm('submitボタンのonclick\nsubmit動作をおこないますか?');">
	<!-- buttonボタンによるsubmit -->
	<button name="button1"
		onclick="return confirm('buttonボタンのonclick\nsubmit動作をおこないますか?');">
		buttonボタン</button>
	<!-- inputボタンはsubmit動作をおこなわない -->
	<input name="inputButton1" type="button" value="inputボタン１"
		onclick="alert('button1-clicked'); return true;"/>
	<!-- inputボタンにsubmit動作を実装 -->
	<input name="inputButton2" type="button" value="inputボタン２"
		onclick="document.form1.submit();"/>
</form>
</body>
</html>