<INPUT type="reset">リセットボタンを作る

<INPUT>タグのtype属性の値にresetを指定すると、フォームの入力内容を消去、または初期状態に戻すリセットボタンを作成できます。 ユーザーがリセットボタンを押すと、そのフォーム(<FORM>)に入力した内容は全てリセットされ、初期の状態へ戻ります。

またvalue属性を指定すると、ボタンに表示するテキストを指定できます。 指定しなかった場合は、ブラウザによって表示される文字は異なり、一般的なブラウザでは「リセット」と表示されます。

使用した時の例

<p>デフォルトの状態:
<input type="reset">
</p>
<p>value属性を指定した場合:
<input type="reset" value="入力内容をリセットする">
</p>

ブラウザ上の表示例

デフォルトの状態:

value属性を指定した場合:

書式

  • <input type="reset" value="ラベル"> ・・・・・・ リセットボタンの作成

属性

type="reset" 入力内容をリセットするボタンを作る
value="" ボタンに表示するテキストを指定する。リセットなどの文字はこの属性で指定する

対応ブラウザなどのデータ

形式 <INPUT type="reset"> 分類 インライン要素 / 置換要素
親要素 子要素にフレージングコンテンツを含める要素 子要素 なし
開始タグ 必須 終了タグ なし
汎用属性 accesskey / class / dir / id / lang / style / tabindex / title
対応ブラウザ Internet Explorer2~ , Google Chrome1~ , Firefox1~ , Opera1~ , Safari1~