HTML DOM इनपुट ऑटोफोकस संपत्ति रीसेट करें

<घंटा/>

HTML DOM इनपुट रीसेट ऑटोफोकस गुण HTML <इनपुट> तत्व के ऑटोफोकस विशेषता से जुड़ा है। इस संपत्ति का उपयोग सेटिंग या लौटने के लिए किया जाता है यदि पृष्ठ लोड होने पर रीसेट बटन स्वचालित रूप से केंद्रित होना चाहिए या नहीं।

सिंटैक्स

−

. के लिए वाक्य रचना निम्नलिखित है

ऑटोफोकस गुण सेट करना -

resetObject.autofocus = true|false

यहां, सत्य दर्शाता है कि रीसेट बटन को फोकस मिलना चाहिए और झूठा अन्यथा दर्शाता है। यह डिफ़ॉल्ट रूप से गलत पर सेट होता है।

उदाहरण

आइए इनपुट रीसेट ऑटोफोकस गुण के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1> Reset Autofocus property</h1>
<form style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id="Age"> <br><br>
<input type="reset" id="RESET1" autofocus>
</form>
<p>Get the reset button autofocus property value by clicking the below button</p>
<button type="button()" onclick="FocusVal()">CHECK</button>
<p id="Sample"></p>
<script>
   function FocusVal(){
      var f = document.getElementById("RESET1").autofocus;
      document.getElementById("Sample").innerHTML = "The reset button autofocus property is set to: "+f;
   }
</script>
</body>
</html>

आउटपुट

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

HTML DOM इनपुट ऑटोफोकस संपत्ति रीसेट करें

चेक बटन पर क्लिक करने पर -

HTML DOM इनपुट ऑटोफोकस संपत्ति रीसेट करें

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

हमने टाइप ="रीसेट", आईडी ="रीसेट 1" के साथ एक <इनपुट> तत्व बनाया है। इस बटन पर क्लिक करने से फॉर्म डेटा रीसेट हो जाएगा। यह बटन एक फॉर्म के अंदर होता है जिसमें दो टेक्स्ट फ़ील्ड भी होते हैं और फॉर्म में एक इनलाइन शैली भी लागू होती है -

<form style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id="Age"> <br><br>
<input type="reset" id="RESET1">
</form>

फिर हमने एक बटन CHECK बनाया जो उपयोगकर्ता द्वारा क्लिक किए जाने पर फ़ोकसवैल () विधि को निष्पादित करेगा -

<button type="button()" onclick="FocusVal()">CHECK</button>

फोकसवैल () विधि getElementById () विधि का उपयोग करके रीसेट प्रकार के साथ इनपुट तत्व प्राप्त करती है और ऑटोफोकस संपत्ति प्राप्त करती है। ऑटोफोकस गुण रीसेट बटन ऑटोफोकस विशेषता मान के आधार पर सही और गलत लौटाता है। यह मान चर f को असाइन किया गया है और इसकी आंतरिक HTML संपत्ति का उपयोग करके "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित किया गया है -

function FocusVal(){
   var f = document.getElementById("RESET1").autofocus;
   document.getElementById("Sample").innerHTML = "The reset button autofocus property is set to: "+f;
}