リセット ボタンのヒント - フォーム データをリセットできないのはなぜですか_html/css_WEB-ITnose

HTML を学習し始めたばかりの同志は時々問題に遭遇するかもしれません。編集ページのリセット ボタンが常に機能せず、データが消去されないのはそのせいですか?次にその理由を説明しましょう。

Reset オブジェクト

Reset オブジェクトは、HTML フォームのリセット ボタンを表します。

タグが HTML フォームに表示されるたびに、Reset オブジェクトが作成されます。

リセットボタンをクリックすると、それを含むフォーム内のすべての入力要素の値がデフォルト値にリセットされます。デフォルト値は、HTML の value 属性または JavaScript の defaultValue 属性によって指定されます。

リセット ボタンは、フォームをリセットする前に onclick ハンドラーをトリガーします。このハンドラーは、fasle を返すことでキャンセルできます。

「Form.reset() メソッド」と「Form.onreset イベント ハンドラー」を参照してください。

リセット ボタンにアクセスするには、フォームの elements[] 配列をループするか、 document.getElementById() を使用します。

ここが重要なポイントです

上記のデフォルト値です。名前が示すように、編集ページはデータが入力されているページです。すでにデフォルトのデータが入力されています。は入力ボックスのデフォルト値ですが、そうではありません。以前は、ページの追加と同じようにデータが空だったので、リセット ボタンをクリックすると、最初に入力した元のデフォルト値にのみ戻り、データはクリアされません。

追記: 私も最初にこの問題に遭遇しますが、とにかく理解するのは不可能だと思います。私と同じような悩みを抱えて勉強している方の参考になれば幸いです。