HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML onsubmitイベント属性

submitイベントは、ユーザーが提出ボタン（<input type="submit"/>要素がフォームを提出するとトリガーされます。

オンラインサンプル

フォームを提出すると、onsubmitが実行されます:

サンプル

<!DOCTYPE html>
<html>
<head>
<title>HTML onsubmit イベント属性の使用(基本チュートリアルウェブ　oldtoolbag.com)</>title>
</>head>
<body>
<p>フォームを提出すると、ポップアップウィンドウが表示されます.</>p>
<form action="demo-form.php"　onsubmit="myFunction()">
　　名前を入力してください:　<input　type="text"　name="fname">
　　<input　type="submit"　value="提出">
</form>
<script>
function　myFunction()　{
　　alert("フォームが提出されました");
}
</script>
</body>
</html>

テストして見て‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが onsubmit イベント属性をサポートしています

定義と使用法

フォームを提出すると、onsubmit 属性がトリガーされます。

onsubmit 属性は <form> 要素にのみ適用されます。

HTML 4.01 HTML5の差異

差異はありません。

構文

<form onsubmit="script">

属性値

値	説明
script	onsubmit イベントがトリガーされたときに実行されるスクリプトを指定します。

HTML イベント属性

HTML: <template> タグ