HTML локальное хранилище

Я пытаюсь хранить информацию о локальном хранилище после заполнения формы данными, я хочу сохранить форму с ее содержимым в локальном хранилище, но по какой-то причине она не работает после отправки информации и обновите страницу информация не сохраняется любые предложенияHTML локальное хранилище

<!--local Storage--> 
<!DOCTYPE html> 
<html> 
<head> 
<script> 
function info() 
{ 
    if(typeof(Storage)!=="undefined"){ 
     var fn = document.getElementById("FirstName").value; 
     var ln = document.getElementById("LastName").value; 
     var zc = document.getElementById("zipcode").value; 

     localStorage.FastName = fn; 
     localStorage.FirstName = ln; 
     localStorage.Zipcode = zc; 

     document.getElementById("result").innerHTML=localStorage.FastName+" "+" "+localStorage.FirstName+" "+localStorage.Zipcode; 
    }else{ 
     document.getElementById("result").innerHTML="Sorry, your browser does not support web storage..."; 
    } 

} 
</script> 
</head> 
<body> 
<p>fill in your information:</p> 
First name: <input type="text" id="FirstName" value=""><br> 
Last name: <input type="text" id="LastName" value=""><br> 
Zip Code: <input type="text" id="zipcode" value="" > 
<p><button onclick="info();" type="button">Submit</button></p> 
<div id="result"></div> 
</body> 
</html>

источник

2013-12-15 Karish Karish

Возможно, вы должны использовать Modernizr, чтобы проверить, поддерживает ли браузер localStorage. – hgoebl

Вы, вероятно, хотите использовать localStorage.setItem("FirstName", fn);, чтобы записать значения LocalStorage.

Если вы хотите, чтобы значения возвращались в поля ввода при перезагрузке, вам нужно заполнить поля ввода при запуске приложения, прочитав значения из localStorage (через getItem).

например. добавьте в конец

<script> 
document.getElementById("FirstName").value = localStorage.getItem("FirstName"); 
... 
</script>

источник

2013-12-15 20:22:48

Спасибо @Stefan Haustein Я также добавил функцию ReadInfo() для чтения информации после обновления страницы. также должен ли я хранить информацию в массиве для будущих функций? –

HTML локальное хранилище

ответ

Смежные вопросы