<input type="reset">
<input> 要素の reset 型はボタンとして表示され、既定の click イベントのハンドラーは、フォーム内の入力欄すべてを初期値にリセットします。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 1 | 18 | 1 | |
注釈 1件
実装メモ
- 他のブラウザとは異なり、Firefox はデフォルトで `<button>` の動的な無効状態をページの読み込みに渡って保持します。この機能を制御するには `autocomplete` 属性を使用してください。
基本構文
HTML
<form>
<input type="text" name="name" value="">
<input type="reset" value="リセット">
<input type="submit" value="送信">
</form>ライブデモ
reset. makeconfirm
Inputvalue change from resetbutton press and initialperiodvalue to Back.
プレビュー全画面表示
実務での使いどころ
-
<input type="reset"> の活用
<input> 要素の reset 型はボタンとして表示され、既定の click イベントのハンドラーは、フォーム内の入力欄すべてを初期値にリセットします。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。