<input type="reset">

概要

<input type="reset"> はフォーム内のすべてのコントロールを初期値にリセットするボタンを作成します。

対応ブラウザ

基本構文

<form>
  <input type="text" name="name" value="">
  <input type="reset" value="リセット">
  <input type="submit" value="送信">
</form>

実務での使いどころ

• <input type="reset"> の活用

  リセットボタン型input要素。フォームの全入力値を初期値に戻す。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — <input type="reset">