न्यूज़लेटर साइनअप, संपर्क फ़ॉर्म, चेकआउट फ़ॉर्म और उपयोगकर्ता लॉगिन जैसी वास्तविक समय परियोजनाओं के निर्माण के लिए, ' ईमेल ' ये स्थान भरा जाना है। उपयोगकर्ता को प्रक्रिया जारी रखने या शुरू करने के लिए अपना ईमेल दर्ज करना होगा और अपने खाते में लॉगिन करना होगा। इस उद्देश्य के लिए, उपयोगकर्ता को हर बार एक मेल लॉगिन या रजिस्टर प्रदान करना पड़ता है, जो इसे एक खराब उपयोगकर्ता अनुभव बनाता है। यह समस्या जावास्क्रिप्ट HTML DOM स्वत: पूर्ण संपत्ति की सहायता से हल की गई है।
यह ब्लॉग जावास्क्रिप्ट की HTML DOM इनपुट ईमेल स्वत: पूर्ण संपत्ति को संभालने की प्रक्रिया बताता है।
HTML DOM इनपुट ईमेल स्वत: पूर्ण संपत्ति को कैसे संभालें?
HTML DOM इनपुट की स्वत: पूर्ण संपत्ति ईमेल ' तत्व, सबसे हालिया डेटा वाली एक सूची प्रदान करता है जिसे पहले ' में डाला गया है ईमेल ' मैदान। यदि यह स्वचालित रूप से उपलब्ध है तो यह उपयोगकर्ता को सूची से अपना ईमेल चुनने की अनुमति देता है।
वाक्य - विन्यास
DOM इनपुट ईमेल स्वत: पूर्ण संपत्ति के लिए सिंटैक्स नीचे बताया गया है:
ईमेलObj. स्वत: पूर्ण = 'चालू|बंद'
उपरोक्त सिंटैक्स ईमेलओबीजे तत्व पर स्वत: पूर्ण संपत्ति को सेट और हटा देता है।
ईमेलObj. स्वत: पूर्ण
यह सिंटैक्स ' का मान पुनः प्राप्त करता है स्वत: पूर्ण यह पता लगाने के लिए कि यह संपत्ति सक्षम है या नहीं।
आइए स्वत: पूर्ण संपत्ति के लिए एक जावास्क्रिप्ट प्रोग्राम रखें
उदाहरण: स्वत: पूर्ण संपत्ति के मूल्य को सक्षम करना, अक्षम करना और पुनर्प्राप्त करना
इस उदाहरण में, स्वत: पूर्ण संपत्ति अक्षम होने जा रही है, इस संपत्ति को 'पर सेट करके सक्षम किया गया है' पर ' और ' बंद ' क्रमश। फिर, स्वत: पूर्ण संपत्ति का वर्तमान मूल्य पुनर्प्राप्त किया जाएगा:
< शरीर >< केंद्र >
< एच 1 शैली = 'रंग: कैडेटब्लू;' > लिनक्स < / एच 1 >
ईमेल: < इनपुट प्रकार = 'ईमेल' पहचान = 'डेमोईमेल' >
< बीआर >
< बीआर >
< बटन क्लिक पर = 'अक्षमकर्ता()' > अक्षम करनेवाला < / बटन >
< बटन क्लिक पर = 'सक्षमकर्ता()' > संबल < / बटन >
< h3 पहचान = 'लक्ष्य' > < / h3 >
< बटन क्लिक पर = 'चेकर()' > परीक्षक < / बटन >
< / केंद्र >
< लिखी हुई कहानी >
फ़ंक्शन डिसेबलर() {
document.getElementById('demoEmail').autocomplete = 'off';
}
फ़ंक्शन एनेबलर() {
document.getElementById('demoEmail').autocomplete = 'चालू';
}
फ़ंक्शन चेकर() {
var j = document.getElementById('demoEmail').autocomplete;
document.getElementById('target').innerHTML = j;
}
< / लिखी हुई कहानी >
< / शरीर >
उपरोक्त कोड ब्लॉक का स्पष्टीकरण नीचे दिया गया है:
- पहले ' इनपुट 'तत्व एक प्रकार की विशेषता के साथ बनाया गया है' ईमेल यह सुनिश्चित करने के लिए कि दर्ज किया गया डेटा ईमेल है, बुनियादी सत्यापन को स्वीकार करना और निष्पादित करना।
- इसके बाद, तीन बटन तत्व बनाए जाते हैं जो 'कहते हैं' डिसेबलर (), “एनेबलर ()”, और “चेकर () 'कार्य करता है।
- अब, परिभाषित करें ' अक्षम करनेवाला ()' फ़ंक्शन का चयन करके ' इनपुट 'तत्व अपनी आईडी का उपयोग कर रहा है और' का मान निर्दिष्ट कर रहा है बंद ' इसके लिए ' स्वत: पूर्ण ' संपत्ति।
- में ' संबल ()'' फ़ंक्शन, वही लागू करें'' स्वत: पूर्ण ' संपत्ति लेकिन अब इसे ' का मान निर्दिष्ट करें पर ”।
- उसके बाद, परिभाषित करें ' परीक्षक ()' केवल 'जोड़कर कार्य करें स्वत: पूर्ण 'इनपुट तत्व के संदर्भ के आगे और इसे वेरिएबल में संग्रहीत करें' जे ”।
- अंत में, इस वेरिएबल का मान प्रदर्शित करें ' जे ' वेबपेज पर ' का उपयोग करके आंतरिक HTML ' संपत्ति।
उपरोक्त के संकलन के बाद आउटपुट इस प्रकार दिखाया गया है:
आउटपुट दिखाता है कि इनपुट ईमेल स्वत: पूर्ण संपत्ति को अक्षम और सक्षम किया जा रहा है। इसका मूल्य भी पुनः प्राप्त किया जाता है और वेबपेज पर प्रदर्शित किया जाता है।
निष्कर्ष
HTML DOM इनपुट ईमेल स्वत: पूर्ण संपत्ति, स्वचालित रूप से एक सूची बनाती है जिसमें वे मान शामिल होते हैं जो उपयोगकर्ता ने पहले ईमेल फ़ील्ड में दर्ज किए थे। ताकि, उपयोगकर्ता अपने पहले दर्ज किए गए डेटा में से आसानी से चयन कर सके और इस प्रकार, उपयोगकर्ता अनुभव को बढ़ा सके। यह संपत्ति तब सेट की जाती है जब ' का मान पर ' को इसे असाइन किया गया है और ' का मान होने पर अक्षम कर दिया गया है बंद ' पारित कर दिया गया है। इस ब्लॉग में जावास्क्रिप्ट द्वारा DOM इनपुट ईमेल स्वत: पूर्ण संपत्ति की व्याख्या की गई है।