<input type="submit">
<input> 要素の submit 型は、ボタンとして描画されます。 click イベントが発生したとき（ふつうはユーザーがボタンをクリックしたとき）、ユーザーエージェントはサーバーへフォームを送信しようとします。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 1 | 18 | 1 | |
注釈 1件
実装メモ
- 他のブラウザとは異なり、Firefox はデフォルトで `<button>` の動的な無効状態をページの読み込みに渡って保持します。この機能を制御するには `autocomplete` 属性を使用してください。
基本構文
HTML
<form action="/api/submit" method="post">
<input type="text" name="name" required>
<input type="submit" value="送信する">
</form>ライブデモ
formaction / formmethod topwrite
Submitbutton per and to Submitdestination or method specifiedpossible.
プレビュー全画面表示
実務での使いどころ
-
<input type="submit"> の活用
<input> 要素の submit 型は、ボタンとして描画されます。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。