एचटीएमएल डोम इनपुट पासवर्ड ऑब्जेक्ट "पासवर्ड" प्रकार के साथ <इनपुट> तत्व से जुड़ा हुआ है। हम क्रमशः createElement () और getElementById () विधियों का उपयोग करके टाइप पासवर्ड के साथ एक इनपुट तत्व बना और एक्सेस कर सकते हैं।
गुण
पासवर्ड ऑब्जेक्ट के लिए निम्नलिखित गुण हैं -
<टेबल> <थेड>पासवर्ड फ़ील्ड के स्वत:पूर्ण विशेषता मान को सेट या वापस करने के लिए
पृष्ठ लोड होने पर पासवर्ड फ़ील्ड को स्वचालित रूप से फ़ोकस प्राप्त करना चाहिए या नहीं, इसे सेट करने या वापस करने के लिए।
पासवर्ड फ़ील्ड डिफ़ॉल्ट मान सेट या वापस करने के लिए।
पासवर्ड फ़ील्ड अक्षम है या नहीं, यह सेट करने या वापस करने के लिए।
पासवर्ड फ़ील्ड वाले फॉर्म का संदर्भ वापस करने के लिए
पासवर्ड फ़ील्ड की अधिकतम लम्बाई विशेषता मान सेट या वापस करने के लिए।
किसी पासवर्ड फ़ील्ड के नाम विशेषता मान को वापस करना या वापस करना
पासवर्ड फ़ील्ड के पैटर्न विशेषता मान को सेट या वापस करने के लिए
पासवर्ड फ़ील्ड के प्लेसहोल्डर विशेषता मान को सेट या वापस करने के लिए
पासवर्ड फ़ील्ड केवल-पढ़ने के लिए है या नहीं, सेट करने या वापस करने के लिए
फॉर्म जमा करने से पहले पासवर्ड फ़ील्ड भरना अनिवार्य है या नहीं, इसे सेट करने या वापस करने के लिए।
पासवर्ड फ़ील्ड के आकार विशेषता मान को सेट या वापस करने के लिए।
यह केवल पढ़ने के लिए गुण है जो पासवर्ड फ़ील्ड के प्रपत्र तत्व के प्रकार को लौटाता है।
पासवर्ड फ़ील्ड का मान विशेषता मान सेट या वापस करने के लिए।
तरीके
पासवर्ड ऑब्जेक्ट के लिए निम्नलिखित विधि है -
| Sr.No | <वें शैली="चौड़ाई:89.2757%; पाठ-संरेखण:केंद्र;">विधि और विवरण|
|---|---|
| 1 | चुनें() पासवर्ड फ़ील्ड सामग्री का चयन करने के लिए। |
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैएक इनपुट पासवर्ड ऑब्जेक्ट बनाना -
var P = document.createElement("INPUT");
P.setAttribute("type", "password"); आइए इनपुट पासवर्ड ऑब्जेक्ट के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<script>
function createPASS() {
var P = document.createElement("INPUT");
P.setAttribute("type", "password");
document.body.appendChild(P);
}
</script>
</head>
<body>
<p>Create an input field with type password by clicking the below button</p>
<button onclick="createPASS()">CREATE</button>
<br><br>
PASSWORD:
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
क्रिएट बटन पर क्लिक करने और नए बनाए गए पासवर्ड फील्ड में टाइप करने पर -
उपरोक्त उदाहरण में -
हमारे पास CREATE बटन है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर createPass () विधि को निष्पादित करेगा -
<button onclick="createPASS()">CREATE</button>
createPass () विधि पैरामीटर के रूप में "INPUT" पास करके <इनपुट> तत्व बनाने के लिए दस्तावेज़ ऑब्जेक्ट की createElement() विधि का उपयोग करती है। नव निर्मित इनपुट तत्व चर P को सौंपा गया है और setAttribute() विधि का उपयोग करके हम मान पासवर्ड के साथ एक प्रकार की विशेषता बनाते हैं। याद रखें, setAttribute() विशेषता बनाता है और फिर उसका मान निर्दिष्ट करता है यदि विशेषता पहले मौजूद नहीं है। अंत में, दस्तावेज़ बॉडी पर एपेंड चाइल्ड () विधि का उपयोग करके हम इनपुट तत्व को टाइप पासवर्ड के साथ बॉडी के बच्चे के रूप में जोड़ते हैं -
function createPASS() {
var P = document.createElement("INPUT");
P.setAttribute("type", "password");
document.body.appendChild(P);
}