フォームリセットボタン

タグinputのtype属性を 値resetに設定すると、HTMLのフォーム フィールドをリセットするボタンが作成されます。 このボタンをクリックすると、フォームフィールドは ページ読み込み時(ユーザーが変更を加える前)の 状態に戻ります。

例

フォームフィールドの値を変更し、その後リセットボタンを 押して初期状態に戻してみましょう:

html<form>
  <input type="checkbox" checked>
  <input type="text">
  <input type="reset" value="リセットボタン">
  <input type="submit" value="送信ボタン">
</form>

Результат:

関連項目

  • フォームリセットにも使用される buttonタグ
  • フォーム送信に使用される submitボタン