【HTML Living Standard】reset属性値の使い方
reset属性値の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
reset定数は、HTMLにおける<input>要素のtype属性に指定されることで、その入力要素がフォームのリセットボタンであることを表す定数です。具体的には、<input type="reset">と記述されたボタンは、ユーザーがクリックすると、そのボタンが所属する<form>要素内の全ての入力コントロール（例えば、テキスト入力欄、チェックボックス、ラジオボタン、選択リストなど）の値を、ページが最初に読み込まれた時点、または初期値が指定されている場合にはその初期値へと戻します。
この機能は、ユーザーがフォームに入力した内容をすべてクリアして、最初からやり直したい場合に特に有用です。例えば、長いフォームに入力中に間違いに気づいた際、一つずつ手動で修正する手間を省き、簡単に初期状態に戻すことができます。
HTML Living Standardでは、フォームのリセット動作はユーザー体験を向上させるための重要な機能の一つとして定義されています。このresetは、単独の要素として存在するのではなく、<input>要素のtype属性の特定の値として振る舞いますが、その役割はフォームの操作において不可欠です。また、JavaScriptを使用してHTMLFormElementオブジェクトのreset()メソッドを呼び出すことでも、プログラム的にフォームをリセットすることが可能です。しかし、多くの場合、<input type="reset">ボタンが視覚的な操作インターフェースとして利用され、直感的なフォーム操作を提供します。
公式リファレンス: <input type="reset">
構文(syntax)
1<button type="reset">リセット</button>
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません