$(document).ready(function() {
                    $(window).unload(saveSettings);
                    loadSettings();
            });
                function loadSettings() {
                $('#password').val(localStorage.password);
                $('#siteName').val(localStorage.siteName);
                $('#siteURL').val(localStorage.siteURL);
                $('#user').val(localStorage.user);

            }
            function saveSettings() {
                localStorage.password = $('#password').val();
                localStorage.siteName = $('#siteName').val();
                localStorage.siteURL = $('#siteURL').val();
                localStorage.user = $('#user').val();
            }
          <p>

<form  id="form" name="passform"  method="post" action="http://localhost/diarrhea/dbProcess.php" >

        <p><input id="Gbutton" type="button" value="Generate password"  ></p>
        <p><input  type="password"  id="password"  name="passbox" tabindex="1" size="20"> </p>

        <div style="font-size:14px ;margin-bottom:15px;">
            <input type="checkbox" id="check" > show password
             &nbsp;&nbsp;&nbsp;<input class="copy_Button " type="button" value="Copy" id="copyButton" >&nbsp;


        </div>

                <table style="font-size:15px ">

                    <tr>
                        <td>  Site name </td></tr>
                    <tr>
                        <td>
                            <input  style="  font-size:15px;"   type="text" name="siteName" id="siteName"/>
                        </td>
                    </tr>


          <tr> <td>
             Site login URL    </td></tr>
          <tr> <td> <input   style=" font-size:15px; "  type="url" name="siteURL" id="siteURL"/>
         </td>  </tr>

           <tr>
       <td>
             Email/User name </td></tr>
             <tr><td> <input  style=" font-size:15px;" type="text" name="user" id="user"/>
        </td>
       </tr>
       <tr><td>                <input type="hidden" id="validation" name="validation"/>
           </td></tr>
         <tr>
     <td>
            <input  class="copy_Button " type="reset" value="Clear" id="clear"  >&nbsp;
            <input class="copy_Button " type="button" value="Help"  id="help" >&nbsp;
            <input class="copy_Button " type="submit" value="Save"  id="save" >&nbsp;
        </td>    </tr>
                </table>
        </form>`