javascript - キャンセルボタンでフォームデータを元に戻す

Question

ユーザーが編集を開始する前に、フォームの内容を本質的に元に戻すキャンセル (または元に戻す) ボタンをフォームの横に挿入するエレガントな方法はありますか。

例えば、

1. ユーザーはアカウントを持っており、ユーザー名を変更したいと考えています。
2. 彼らはフォームに来て、入力フィールドにユーザー名が入力されていることを確認します：joeuser
3. 彼らはフィールドの編集を開始し、考えを変えます
4. [キャンセル/元に戻す] をクリックすると、フィールドはユーザー名に戻ります: joeuser -- フォームは、空のフィールドでリセットされるだけではありません。

あまりにも多くのハッカーに頼る可能性はありますか? HTML5 history API を何らかの方法で使用できるのではないかと考えました。

Answer 1

JQuery を使用している場合:

$('#FormID').each(function(){
  this.reset();
});

それ以外の場合は、これを使用できます：

document.getElementById('myForm').reset();

Answer 2

jQuery を使用できます: $("#formID")[0].reset();