Devam ettikten ve yeniden açtıktan sonra HTML formunu doldurmaya devam et

Question

HTML formunda geçici olarak kaydedilen verileri saklamanın bir yolu var mı? Böyle formu varsa demek:

Name [ John ] 
Email [  ] 
Address [  ] 

O kapattıktan sonra pencere ve tekrar girmeyi hala Name metin kutusuna girilmesi John değerini www.domain.com/form.php tekrar?

It için SESSIONS kullanmalı mıyım? Veya girilen her alanı otomatik olarak veritabanına eklemem gerekir mi? Fikrin var mı?

GÜNCELLEME

Chrome/Microsoft Edge ile aşağıdaki denedim ama başarısız, doldurulmuş alanlar ferahlatıcı tarayıcısı sonra kurtarmak değil. Belki bir şeyler yanlış yaptı?

<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

Eh tercihen kolayca JavaScript aracılığıyla ele alabilirsiniz çünkü yerel depolama form alan veri depolamak (çok özel verileri depolamak bile çerez yakında çıkmak süresi dolmadan iyi bir fikir olmadığını düşünün) için çerezi kullanır.

Ve alanı doldurduktan hemen sonra çerezi ayarlamak için alanlar için onFocusOut olay dinleyicisini kullanabilirsiniz. Kullanıcı her alandan çıktığında, çerezde giriş alanının değerini ayarlayın. Burada

Answer 2

, sayfayı yeniden eğer localStorage

<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>