弊社営業課長から

「予約フォームで名前、生年月日、電話番号、メールアドレスを入力した後に一度サイト抜けて、また予約フォーム入ったらまた名前、生年月日、電話番号、メールアドレスを入力し直しってユーザーしんどいよね。何とかならない？」

という要望があったので、予約フォームの入力値を javascript 側で localStorage に保存しておいて、再度予約フォームまで来た時に localStorage から読み出す方式を取る事にした。

github

使い方

<script type="text/javascript" src="copy-paste-form-value.min.js"></script>

function 実行後、form の change イベント発火時 localStorage に form の値が記録されます。

formChangeEvent();

function 実行時、localStorage から記録していた form の値を呼び出してセットします。

loadForm();

※localStorage の値が全て消えます

clearStorage();

基本的にはフォームの値を記録したいページで js を読み込んで

loadForm();
formChangeEvent();

を実行するだけ。

また、記録を削除したいページで js を読み込んで

clearStorage();

すればいいかなと思います。（予約完了画面とか）

Alt + i で form の値を記録、 Alt + o で記録した値を form にペーストします。
in, out で覚えていただければ…。