Come salvare i dati da un modulo con archivio locale HTML5?

Question

Ho un modulo che effettua l'accesso a un sito Web ma non al mio e voglio che vengano salvati dai dati nel mio web con l'archiviazione locale HTML5. Ma non come. Qualche idea? Il mio modulo è questo:

<form action="http://issuefy.ca.vu/on/login.php" class="form-login" method="post" /> 
<input name="email" type="email" id="email" required="" placeholder="Email" /> 
<input name="password" type="password" required="" placeholder="Contraseña" /> 
</form> 

Answer 1

LocalStorage ha un metodo setItem. Si può usare in questo modo:

var inputEmail= document.getElementById("email"); 
localStorage.setItem("email", inputEmail.value); 

Quando si desidera ottenere il valore, è possibile effettuare le seguenti operazioni:

var storedValue = localStorage.getItem("email"); 

E 'anche possibile memorizzare i valori sul pulsante di scatto, in questo modo:

<button onclick="store()" type="button">StoreEmail</button> 

<script type="text/javascript"> 
    function store(){ 
    var inputEmail= document.getElementById("email"); 
    localStorage.setItem("email", inputEmail.value); 
    } 
</script> 

Answer 2

È possibile utilizzare openDB per la manipolazione di storage locale

in cui si c un set o ottenere dati in questo modo -

db.local.set("key", "value"); // set 
db.local.get("key"); // get 

Answer 3

Ecco una breve funzione che memorizza il valore di un <input>, <textarea> ecc nella memoria locale, e ripristinarlo al caricamento della pagina.

function persistInput(input) 
{ 
    var key = "input-" + input.id; 

    var storedValue = localStorage.getItem(key); 

    if (storedValue) 
     input.value = storedValue; 

    input.addEventListener('input', function() 
    { 
     localStorage.setItem(key, input.value); 
    }); 
} 

tuo elemento ingresso deve avere un id specificato che è unico tra tutti gli utilizzi di questa funzione. È questo id che identifica il valore nella memoria locale.

var inputElement = document.getElementById("name"); 

persistInput(inputElement); 

Si noti che questo metodo aggiunge un gestore eventi che non viene mai rimosso. Nella maggior parte dei casi questo non costituirà un problema, ma dovresti considerare se sarebbe nel tuo scenario.