<input type="reset">

更新日
仕様 HTML Living Standard
分類 フロー・コンテンツ / フレージング・コンテンツ / インタラクティブ・コンテンツ / フォーム関連要素リスト化サブミット可能リセット可能自動大文字化継承ラベル付け可能) / パルパブル・コンテンツ
利用場所 フレージング・コンテンツが置ける場所
内容 無し(空要素)

input要素type="reset" を指定すると、リセットボタンを作成できます。


<input type="reset" value="リセット">

属性
任意属性(共通)
type="" 部品のタイプ reset リセットボタン
name="" 部品の名前 文字列 部品を識別するための名前 (リセットボタンでは不要)
value="" ボタンのテキスト 文字列 ボタンに表示されるテキスト
disabled 部品の無効化 disabled 値は省略可能
form="" フォームとの関連付け ID名 関連付けるform要素に指定したID名
  • 各属性の概要は、上記表のリンク先をご覧ください。(input要素のページにリンクしています)

どの部品タイプにどの属性を指定できるかは、下記の対応表で確認することができます。

この部品タイプの特徴

フォームの入力内容をリセットするためのボタンです。

(実際の表示例)

ボタンに表示されるテキストは、value属性で指定することができます。

<input type="reset" value="リセット">

value属性を省略した場合は、デフォルトのテキストが使用されることになります。主要なブラウザではリセットと表記されるようですが、異なる表記のブラウザもあるかもしれません。

(value属性を省略した実際の表示例)

  • リセットに統一したい場合は、念のためvalue属性を指定しておいた方が良いでしょう。

name属性について

一応、name属性が用意されていますが、リセットボタンの場合は部品名やvalue属性値が送信されることはありません。

使用例


<form method="get" action="input_reset.html">

<p>お名前:<input type="text" name="name1"></p>
<p>フリガナ:<input type="text" name="name2"></p>

<p>
<input type="submit" value="送信する">
<input type="reset" value="リセット">
</p>

</form>

表示例

お名前:

フリガナ:

  • リセットボタンをクリックすると、入力内容が初期化されます。