Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM Input Password autofocus प्रॉपर्टी

HTML DOM input Password autofocus प्रॉपर्टी HTML <input> तत्व के autofocus attribute से जुड़ी होती है। यह प्रॉपर्टी सेट करने या लौटाने के लिए उपयोग की जाती है कि पेज लोड होने पर इनपुट पासवर्ड फील्ड को ऑटोमैटिकली फोकस किया जाना चाहिए या नहीं।

सिंटैक्स

autofocus प्रॉपर्टी सेट करने के लिए सिंटैक्स:

passwordObject.autofocus = true|false

यहां, true दर्शाता है कि पासवर्ड फील्ड को फोकस मिलना चाहिए और false इसके विपरीत। यह डिफ़ॉल्ट रूप से false पर सेट होता है।

उदाहरण

आइए Input Password autofocus प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input password autofocus प्रॉपर्टी</h1> 
Password: <input type="password" id="PASS" autofocus> 
<br><br> 
<button onclick="FocusVal()">CHECK FOCUS</button> 
<p id="Sample"></p> 
<script> 
  function FocusVal() { 
    var P = document.getElementById("PASS").autofocus; 
    document.getElementById("Sample").innerHTML = "पासवर्ड फील्ड में autofocus प्रॉपर्टी सेट है: " + P; 
  } 
</script> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट देगा:

HTML DOM Input Password autofocus प्रॉपर्टी

CHECK FOCUS बटन पर क्लिक करने पर:

HTML DOM Input Password autofocus प्रॉपर्टी

उदाहरण की व्याख्या

उपरोक्त उदाहरण में:

  • हमने type "password", id "Pass" के साथ एक इनपुट फील्ड बनाई और इसमें autofocus प्रॉपर्टी सक्षम है यानी true पर सेट है:
Password: <input type="password" id="PASS" autofocus>
  • फिर हमने एक बटन CHECK FOCUS बनाया जो यूज़र द्वारा क्लिक किए जाने पर FocusVal() मेथड को एक्ज़िक्यूट करता है:
<button onclick="FocusVal()">CHECK FOCUS</button>
  • FocusVal() मेथड getElementById() मेथड का उपयोग करके टाइप password वाले इनपुट तत्व को प्राप्त करता है और इसकी autofocus प्रॉपर्टी प्राप्त करता है। autofocus प्रॉपर्टी तत्व के autofocus attribute मान के आधार पर true और false लौटाती है। यह मान वेरिएबल P में असाइन किया जाता है और id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है:
function FocusVal() { 
  var P = document.getElementById("PASS").autofocus; 
  document.getElementById("Sample").innerHTML = "पासवर्ड फील्ड में autofocus प्रॉपर्टी सेट है: " + P; 
}
  1. HTML DOM Input Password placeholder प्रॉपर्टी HTML DOM Input Password placeholder प्रॉपर्टी

    HTML DOM Input Password placeholder प्रॉपर्टी का उपयोग इनपुट पासवर्ड फील्ड के placeholder एट्रिब्यूट मान को सेट या प्राप्त करने के लिए किया जाता है। Placeholder प्रॉपर्टी वेब पेज यूज़र्स को इनपुट एलिमेंट के बारे में एक संकेत देने के लिए उपयोग होती है, जिसमें यूज़र द्वारा कुछ भी इनपुट करने से पहले इन

  1. HTML DOM Input Password pattern प्रॉपर्टी HTML DOM Input Password pattern प्रॉपर्टी

    HTML DOM Input Password pattern प्रॉपर्टी का उपयोग इनपुट पासवर्ड फील्ड के pattern एट्रिब्यूट को सेट या प्राप्त करने के लिए किया जाता है। यह पासवर्ड को pattern प्रॉपर्टी द्वारा निर्दिष्ट एक रेगुलर एक्सप्रेशन के विरुद्ध जांचता है। सिंटैक्स Pattern प्रॉपर्टी सेट करने के लिए सिंटैक्स: passwordObject.pat

  1. HTML DOM Input Range autofocus प्रॉपर्टी HTML DOM Input Range autofocus प्रॉपर्टी

    HTML DOM Input Range autofocus प्रॉपर्टी HTML <input> एलिमेंट के autofocus एट्रिब्यूट से जुड़ी होती है। यह प्रॉपर्टी यह सेट या प्राप्त करने के लिए उपयोग की जाती है कि इनपुट रेंज स्लाइडर को पेज लोड होने पर ऑटोमैटिकली फोकस मिलना चाहिए या नहीं। सिंटैक्स Autofocus प्रॉपर्टी सेट करने के लिए सिंटैक्