onreset/JavaScript

onresetの使い方

　onresetは、リセットボタン(ボタンのタイプがreset)をクリックした時に処理を実行出来ます。例えば、アラートを表示する等です。

　以下は、例です。

<form onreset="alert('テストです');">
<input type="text">
<button type="reset">リセット</button>
</form>

　赤字部分が実行される処理です。func1();等と関数を呼び出す事も出来ます。

　実行例は、以下の通りです。

　リセットボタンをクリックするとアラートが表示され、テキスト入力欄はデフォルトの状態(空白)に戻ります。デフォルトの状態に戻るのは、リセットボタンが元から持っている機能です。

セレクトボックスでの例

　セレクトボックスでの例です。

<form onreset="alert('テストです');">
<select>
<option value=10>10</option>
<option value=20>20</option>
</select>
<button type="reset">リセット</button>
</form>

　実行例は、以下の通りです。

　20を選択した後にリセットボタンをクリックすると、アラートが表示された後に10が選択された状態に戻ります。ラジオボタンやチェックボックス等も同じで、リセットボタンをクリックすると、処理が行われた後にデフォルトの選択に戻ります。

サポート

・サポートするブラウザ

　以下は、最新バージョンでのサポート状況を示していますが、Internet ExplorerはOSによって使えるバージョンが異なるため、使えるバージョンを示しています。WindowsXPで使えるInternet Explorer8以降、全てのバージョンで使える場合は〇とします。

・サポートするタグ

　サポートするタグの一例は、以下の通りです。

　<form>

「イベントハンドラ一覧」に戻る