フォームの送信内容を保存し復元するFormStorageを公開しました。

See the Pen FormStorage.js デモ by appleple (@appleple) on CodePen.

<script src="https://unpkg.com/form-storage@latest/build/form-storage.min.js"></script>

<form class="js-form-storage">
  <input type="text" name="first-name" />
  <input type="text" name="last-name" />
  <input type="email" name="email" />
  <input type="password" name="password" />
  <label>
    <input type="checkbox" class="js-persist" />
    Allow to store the form-data to the localstorage.
  </label>
</form>

window.addEventListener('DOMContentLoaded', function(){
  new FormStorage('.js-form-storage', {
    name: 'form-storage', //localstorage name
    ignores: [ // 無視する要素のセレクター
      '[type="password"]'
    ],
    checkbox: '.js-persist' //ここのセレクターがチェックされている場合にフォームのデータを保存
  });
});

const formstrage = new FormStorage('.js-form-storage');
formstorage.save(); //現在のフォームの状態を保存します。
formstorage.apply(); //保存したフォームの状態を復元します。
formstorage.clear(); //保存したフォームの状態を削除します。

npm install form-storage --save

yarn add form-storage

const FormStorage = require('form-storage');

import FormStorage from 'form-storage';