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