एचटीएमएल 5 स्थानीय स्टोरेज के साथ किसी फॉर्म से डेटा कैसे सहेजना है?

Question

मेरे पास एक ऐसा फॉर्म है जो वेबसाइट पर लॉग इन करता है लेकिन मेरे नहीं में और मैं चाहता हूं कि वे अपने वेब में एचटीएमएल 5 स्थानीय स्टोरेज के साथ फॉर्म डेटा सहेज लें। लेकिन कैसे नहीं। कोई उपाय? मेरा फॉर्म यह है:

<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

लोकल स्टोरेज में एक सेट इटैम विधि है। आप इसे इस तरह का उपयोग कर सकते हैं:

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

आप लाभ प्राप्त करना चाहते हैं, तो आप क्या कर सकते हैं निम्नलिखित:

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

यह भी तो की तरह, बटन पर क्लिक मान संग्रहीत करना संभव है:

<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

आप स्थानीय भंडारण हेरफेर

के लिए openDB उपयोग कर सकते हैं जो आप सी में एक सेट या डेटा इस तरह से मिलता -

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

Answer 3

यहां एक त्वरित समारोह है कि स्थानीय भंडारण में एक <input>, <textarea> आदि के मूल्य का संग्रह किया जायेगा, और पृष्ठ लोड पर उसे पुनर्स्थापित करें।

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

आपका इनपुट तत्व एक id निर्दिष्ट है कि इस समारोह के सभी उपयोगों के बीच अद्वितीय है होना आवश्यक है। यह id है जो स्थानीय संग्रहण में मान को पहचानता है।

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

persistInput(inputElement); 

ध्यान दें कि यह विधि एक ईवेंट हैंडलर जाता है कि कभी नहीं हटाया कहते हैं। ज्यादातर मामलों में यह कोई समस्या नहीं होगी, लेकिन आपको यह विचार करना चाहिए कि यह आपके परिदृश्य में होगा या नहीं।