To save form data instantly as the user types data on the form (inputs data) follow the following steps (these steps work perfectly on Electron Framework too).
1- Download sisyphus.min.js from here.
2- The file you downloaded is a zip file, unzip it. You need only the sisyphus.min.js file. Copy and past this file to the folder where your file with the form code will be.
3- Include the following script to your <head>…..</head> section.
<script type="text/javascript" src="sisyphus.min.js"></script>
4- Add this script before </body>;
<script type="text/javascript">
$('#formId').sisyphus();
</script>
Replace formId with the id of your respective form. If you have multiple forms, make sure the formId is different for each one.
5- Sample of a form which autosaves user input;
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="sisyphus.min.js"></script>
</head>
<body>
<form action="" id="form1" name="myform" method="post">
<div class="form-group">
<label for="exampleTextarea">Sample Form</label>
<textarea class="form-control" id="exampleTextarea" rows="13" placeholder="write content here"></textarea>
</div>
</form>
<script type="text/javascript">
$('#form1').sisyphus();
</script>
</body>
</html>