トップページ  > HTML Living Standard  > <input>  > type=reset

★HTML Living Standard リファレンス

<input type=reset> …… リセットボタンを表す
Internet Explorer Microsoft Edge Google Chrome Safari Firefox Opera
広告

<input type=reset>は、リセットボタンを表す際に使用します。

input要素のtype属性の値に reset を指定すると、 フォームをリセットするボタンを表します。

input type=resetの場合の他の属性

■属性

name属性
フォーム部品に名前をつけます。
value属性
要素の値を表します。 input type=resetの場合、value属性で指定した値はボタンのラベルに使用されます。 value属性を省略すると、ボタンのラベルはブラウザがデフォルト表示する「リセット」などの文字列となります。

■使用例

以下のサンプルは、input要素のtype属性の値に reset を指定してリセットボタンを作成しています。 リセットボタンを押すとフォームの入力内容が初期状態にリセットされます。

HTMLソース

<form action="lunch.cgi" method="post">
 <p>
  <label><input type=radio name=order checked> 弁当を注文する</label>
  <label><input type=radio name=order> 弁当を注文しない</label>
 </p>
 <p>
  <label><input type=checkbox name=menu> 幕の内弁当</label>
  <label><input type=checkbox name=menu> からあげ弁当</label>
  <label><input type=checkbox name=menu> サンドイッチ</label>
 </p>
 <p>
  <label><div>食物アレルギーの有無</div>
  <textarea name="allergy" rows="9">
  卵:
  乳:
 小麦:
 えび:
 かに:
落花生:
 そば:
その他:
  </textarea></label>
  <div>※食物アレルギーがある場合には、必ずご記入ください。</div>
 </p>
 <p><input type=submit value="送信"></p>
 <p><input type=reset value="入力を初期状態に戻す"></p>
</form>
↓↓↓

ブラウザ上の表示

食物アレルギーの有無
※食物アレルギーがある場合には、必ずご記入ください。

input要素の終了タグについて

HTMLの仕様では、input要素には終了タグ</input>はありません。

■関連項目

広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ