HTML DOM Input Range autofocus प्रॉपर्टी HTML <input> एलिमेंट के autofocus एट्रिब्यूट से जुड़ी होती है। यह प्रॉपर्टी यह सेट या प्राप्त करने के लिए उपयोग की जाती है कि इनपुट रेंज स्लाइडर को पेज लोड होने पर ऑटोमैटिकली फोकस मिलना चाहिए या नहीं।
सिंटैक्स
Autofocus प्रॉपर्टी सेट करने के लिए सिंटैक्स:
rangeObject.autofocus = true|false
यहां, true दर्शाता है कि रेंज स्लाइडर को फोकस मिलना चाहिए और false अन्यथा दर्शाता है। यह डिफ़ॉल्ट रूप से false पर सेट होता है।
उदाहरण
Input range autofocus प्रॉपर्टी का एक उदाहरण:
<!DOCTYPE html> <html> <body> <h1>Input range autofocus प्रॉपर्टी</h1> <form> <input type="range" id="RANGE1" name="VOL" autofocus> </form> <br> <button type="button" onclick="rangeFocus()">जांचें</button> <p id="Sample"></p> <script> function rangeFocus() { var R = document.getElementById("RANGE1").autofocus; document.getElementById("Sample").innerHTML = "Autofocus प्रॉपर्टी सेट है: "+R; } </script> </body> </html>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
"जांचें" बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने type="range", id="RANGE1", name="VOL" और autofocus प्रॉपर्टी इनेबल्ड (true पर सेट) के साथ एक फॉर्म के अंदर एक इनपुट फील्ड बनाया।
<form> <input type="range" id="RANGE1" name="VOL" autofocus> </form>
फिर हमने एक बटन CHECK बनाया जो यूज़र द्वारा क्लिक किए जाने पर rangeFocus() मेथड को एक्जीक्यूट करेगा:
<button type="button" onclick="rangeFocus()">CHECK</button>
rangeFocus() मेथड getElementById() मेथड का उपयोग करके टाइप range वाले इनपुट एलिमेंट को प्राप्त करता है और autofocus प्रॉपर्टी प्राप्त करता है। Autofocus प्रॉपर्टी रेंज स्लाइडर के autofocus एट्रिब्यूट मान के आधार पर true और false लौटाती है। यह मान वेरिएबल R को असाइन किया जाता है और id "Sample" वाले पैराग्राफ में इसके innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है:
function rangeFocus() { var R = document.getElementById("RANGE1").autofocus; document.getElementById("Sample").innerHTML = "Autofocus प्रॉपर्टी सेट है: "+R; }
