Comment enregistrer des données à partir d'un formulaire avec HTML5 Local Storage?

J'ai un formulaire qui fait en se connectant à un site web, mais pas dans la mienne et je veux les données de formulaire dans mon site web avec HTML5 local de stockage. Mais pas comment. Une idée? Mon formulaire est: est-ce

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

source d'informationauteur Jaumesv | 2013-06-13

  1. 33

    LocalStorage a un setItem méthode. Vous pouvez l'utiliser comme ceci:

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

    Lorsque vous voulez obtenir la valeur, vous pouvez effectuer les opérations suivantes:

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

    Il est également possible de stocker les valeurs sur le bouton cliquez sur, comme suit:

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

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

    Vous pouvez utiliser openDB pour le stockage local de manipulation et pour plus de détails vous pouvez également lire les de stockage web article.

    dans laquelle vous pouvez définir ou obtenir des données de cette façon - 

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

    Voici une petite fonction qui va stocker la valeur d'un <input><textarea> etc dans le local de stockage, et de le restaurer sur le chargement de la page.

    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);
  });
}

    Votre élément d'entrée doit avoir une id spécifié qui est unique parmi tous les usages de cette fonction. C'est ce id qui identifie la valeur dans le stockage local.

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

persistInput(inputElement);

    Noter que cette méthode ajoute un gestionnaire d'événement qui n'est jamais supprimé. Dans la plupart des cas ce ne sera pas un problème, mais vous devez vous demander si il serait dans votre scénario.