フォームリセットメソッド_JavaScriptスキルの新たな理解

HTMLにおけるFormフォームのresetメソッドは、ユーザーが入力した内容をクリアするために使用されます。単にinputなどの入力項目の値をクリアするものと誤解されています。

しかし、実際にはそうではありません。reset メソッドの本質は、input などの入力項目の内容を、"" の null 値ではなく、属性値の値に戻すことです。

W3c は次のように述べています:

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

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

実際には、特定のコンテンツを編集するときにフォームリセットを実装する必要があることがよくありますが、このとき、inputなどの入力項目のvalue属性に値が割り当てられている可能性があるため、リセットはフォームをこれに初期化するだけです価値。

この場合、リセット効果を実現するには、JavaScript を使用して input などの入力項目の value 属性を空に設定するしかありません。