Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】submit属性値の使い方

submit属性値の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

submitプロパティは、HTMLのフォーム要素において、フォームのデータをサーバーへ送信する機能に関する重要な概念を保持するプロパティです。このsubmitという値は、主に<input>要素や<button>要素のtype属性に指定されることで、その要素が特別な役割を担うことを示します。具体的にtype="submit"と指定された要素は、ユーザーによってクリックされると、その要素が属するHTMLフォームのデータを収集し、指定された宛先へ送信する役割を果たすボタンとして機能します。

データの送信時には、フォーム要素のaction属性で指定されたURLに対し、method属性で指定されたHTTPメソッド(GETやPOSTなど)を用いてデータが送られます。例えば、ファイルアップロードを含むフォームでは、enctype属性でエンコーディングタイプが指定されることもあります。また、フォームにクライアントサイドのバリデーションルールが設定されている場合、submitプロパティを持つ要素がクリックされると、データの送信に先立って自動的にこれらのバリデーションが実行されます。これにより、不正なデータがサーバーに送信されるのを防ぎ、ユーザーに適切なフィードバックを提供することが可能です。

この機能は、Webアプリケーションがユーザーからの入力データを受け付け、処理を開始するための基本的な仕組みを提供しており、インタラクティブなWebサイトを構築する上で不可欠な要素です。

公式リファレンス: <input type="submit">

構文(syntax)

1<input type="submit" value="送信">

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ