Weiter HTML-Formular ausfüllen nach dem Schließen und erneut öffnen

Question

Es gibt eine Möglichkeit, temporäre Daten in HTML-Formular vorübergehend zu speichern? Ich meine, wenn ich Form wie diese:

Name [ John ] 
Email [  ] 
Address [  ] 

Das nach dem Schließen Fenster und Neueingabe wieder John Wert www.domain.com/form.php noch in Name Textfeld eingegeben werden?

Sollte ich SESSIONS für It verwenden? Oder sollte ich jedes eingegebene Feld automatisch in die Datenbank einfügen? Hast du irgendwelche Ideen?

UPDATE

Ich habe versucht, folgende mit Chrome/Microsoft Edge, aber ohne Erfolg, gefüllt Felder nicht nach dem Aktualisieren Browser speichern. Vielleicht ist etwas nicht in Ordnung?

<script> 
// Check browser support 
if (typeof(Storage) !== "undefined") { 
    // Store 
    localStorage.setItem("FirstName", "Hitesh"); 
    // Retrieve 
    document.getElementById("FirstName").value = localStorage.getItem("FirstName"); 
} else { 
    document.getElementById("FirstName").value = "Sorry, your browser does not support Web Storage..."; 
} 
    </script> 

<input id="FirstName" type="text" name="FirstName" class="field-style" placeholder="First Name" required /> 

Answer 1

Nun verwenden vorzugsweise Cookie Formularfelddaten auf dem lokalen Speicher zu speichern, weil sie leicht über JavaScript bekommen behandelt kann (Man bedenke, dass sehr private Daten zu speichern ist keine gute Idee, auch das Cookie bald beenden abläuft).

Und um den Cookie sofort nach dem Ausfüllen des Feldes zu setzen, können Sie den onFocusOut Event Listener für Felder verwenden. Wenn der Benutzer aus jedem Feld heraus fokussiert, wird der Wert des Eingabefeldes auf Cookie gesetzt.

Answer 2

hier ist beispielsweise die Form mit Autofill Sie local

<input id="FirstName" type="text" name="FirstName" class="field-style" placeholder="First Name" required onchange="save()"/> 

<script> 
// Check browser support 
if (typeof(Storage) !== "undefined") { 
    if(localStorage.getItem("FirstName")!=""){ 

    }else{ 
    // Store 
     localStorage.setItem("FirstName", "Hitesh"); 
    } 
    // Retrieve 
    document.getElementById("FirstName").value = localStorage.getItem("FirstName"); 
} else { 
    document.getElementById("FirstName").value = "Sorry, your browser does not support Web Storage..."; 
} 
function save(){ 
    var name = document.getElementById('FirstName').value; 
    localStorage.setItem("FirstName", name); 
}  
    </script>