<input type="submit"> - HTML

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

`value 属性の省略`

value を指定しなかった場合、ボタンにはユーザーエージェントによって選ばれた既定のラベルが表示されます。このラベルは「送信」または「クエリーを送信」などのものです。次のものはこのブラウザーにおける送信ボタンの既定のラベルです。

html

`追加の属性`

すべての型で共通する属性に加え、 submit 型の入力欄は次の属性にも対応しています。

`formaction`

文字列で、データの送信先の URL を示します。これはこのが属する要素の action 属性より優先します。

この属性はおよび

`formenctype`

文字列で、フォームのデータをサーバーに送信する際に使われるエンコーディング方法を識別します。許されている値は 3 つです。

application/x-www-form-urlencoded これは既定値で、フォームのデータを encodeURI() などのアルゴリズムを使ってテキストをパーセントエンコーディングした後のテキストとして送信します。 multipart/form-data データを管理するために FormData API を使用し、複数のファイルをサーバーに送信することができます。フォームに要素の type が file () が含まれている場合は、このエンコーディング型を使わなければなりません。 text/plain プレーンテキストです。ほとんどデバッグでしか役に立ちませんが、送信されたデータを簡単に見ることができます。 formenctype 属性が指定された場合、所属するフォームの enctype 属性を上書きします。この属性はおよび

`formmethod`

文字列で、フォームのデータを送信するときに使用する HTTP メソッドを示します。この値は所有者であるフォームの method を上書きします。許可されている値は次の通りです。

get URL は formaction または action 属性で指定された URL に疑問符 ("?") を追加し、 formenctype または enctype 属性で指定された方法でエンコードされたフォームのデータが続くものになります。この URL は HTTP の GET リクエストを用いてサーバーに送信されます。このメソッドは ASCII 文字のみを含むフォームでうまく動作し、副作用はありません。これが既定値です。 post フォームのデータは、 formaction または action で指定された URL に HTTP の POST メソッドを用いて送信されるリクエストの本文に含められます。このメソッドは複雑なデータやファイルの添付に対応しています。 dialog このメソッドは、入力欄が関連付けられたダイアログを閉じるだけで、フォームのデータをまったく送信しない場合ことを表すために使用します。この属性はおよび

`formnovalidate`

論理属性で、存在する場合は、サーバーに送信する前にフォームの検証を行わないことを指定します。これは、自分自身で形成するフォームの novalidate 属性の値より優先されます。

この属性はおよび

`formtarget`

テキストフィールドにいくらかテキストを入力してから、送信ボタンを押してみてください。送信すると、データの名前と値のペアがサーバーに送信されます。この例では、文字列は text=usertext となります。"usertext" はユーザーが入力したテキストで、特殊文字を保持するためにエンコードされています。どこでどのようにデータを送信するかはの設定によります。詳しくはフォームデータの送信を参照してください。

`送信ボタンへのキーボードショートカットの追加`

キーボードショートカットは、アクセスキーやキーボード相当物とも呼ばれ、ユーザーがキーボードのキーまたはキーの組み合わせを使ってボタンを発生させることができます。送信ボタンにキーボードショートカットを追加するには、それが意味をなす他のと同じように、accesskey グローバル属性を使用してください。

この例では、 s がアクセスキーとして指定されています（s と、あなたのブラウザー/OS の組み合わせに応じた特定の修飾キーを押す必要があります）。ユーザーエージェント自身のキーボードショートカットとの競合を避けるために、ホストコンピューター上の他のショートカットとは異なる修飾キーがアクセスキーに使用されます。詳しくは accesskey を参照してください。以下は、前回の例に s アクセスキーを追加した例です。 html テキストを送信してみましょう例えば、 Mac 版 Firefox では Control-Option-S を押すと送信ボタンを起動しますが、Windows 版 Chrome では Alt+S を使用します。上の例の問題点は、ユーザーがアクセスキーが何であるかを知らないということです。特に、競合を避けるために変更する修飾子は通常標準的でないため、このようなことが起こります。サイトを構築する際には、サイトのデザインを邪魔しないような方法でこの情報を提供するようにしてください（例えば、サイトのアクセスキーが何であるかについての情報を指し示す、簡単にアクセスできるリンクを提供する）。ボタンにツールチップを追加する（title 属性を使用する）こともできますが、アクセシビリティの観点からは完全な解決策とは言えません。

`送信ボタンの無効化と有効化`

送信ボタンを無効にするには、 disabled 属性を、次のように指定してください。

html 実行時に disabled を true または false に設定することで、ボタンを有効にしたり無効にしたりすることができます。JavaScript では、 btn.disabled = true または btn.disabled = false のようになります。メモ: ボタンの有効化や無効化についてのさらなる考えは、ページを参照してください。

`検証`

送信ボタンは制約の検証には参加しません。制約を受ける実際の値を持っていません。

`例`

上に基本的な例を記載しています。送信ボタンについては、実のところこれ以上言うべきことはありません。この種のコントロールが「単純なボタン」と呼ばれることがあるのはそのためです。

`技術的概要`

値	ボタンのラベルとして使用する文字列
イベント	`click`
対応している共通属性	`type` および `value`
IDL 属性	`value`
DOM インターフェイス	`HTMLInputElement`
メソッド	なし
暗黙の ARIA ロール	`button`

`仕様書`

Specification
HTML # submit-button-state-(type=submit)

`ブラウザーの互換性`

関連情報およびそれが実装している HTMLInputElement インターフェイスフォームとボタン HTML フォーム Help improve MDN Was this page helpful to you? Learn how to contribute.This page was last modified on 2025年4月20日 by MDN contributors. View this page on GitHub • Report a problem with this content