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

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

सिंटैक्स

Autofocus प्रॉपर्टी सेट करने का सिंटैक्स:

searchObject.autofocus = true|false

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

उदाहरण

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

<!DOCTYPE html> <html> <body> 
<h1>Input search autofocus property</h1> 
<form> 
  FRUITS: <input type="search" id="SEARCH1" name="fruits" autofocus> 
</form> 
<p>नीचे दिए गए बटन पर क्लिक करके ऊपर वाले सर्च फील्ड के लिए autofocus एट्रिब्यूट मान प्राप्त करें।</p> 
<button type="button" onclick="FocusVal()">CHECK FOCUS</button> 
<p id="Sample"></p> 
<script> 
  function FocusVal() { 
    var R = document.getElementById("SEARCH1").autofocus; 
    document.getElementById("Sample").innerHTML = "The search field has autofocus property set to " + R; 
  } 
</script> 
</body> </html>

आउटपुट

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

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

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

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

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

हमने पहले type="search", id="SEARCH1", name="fruits" वाला एक <input> एलिमेंट बनाया और इसका autofocus एट्रिब्यूट true पर सेट है। सर्च फील्ड एक फॉर्म के अंदर है।
फिर हम एक CHECK FOCUS बटन बनाते हैं जो यूजर द्वारा क्लिक किए जाने पर FocusVal() मेथड को एक्जीक्यूट करता है।
FocusVal() मेथड getElementById() मेथड का उपयोग करके type search वाले इनपुट एलिमेंट को प्राप्त करता है और इसकी autofocus प्रॉपर्टी प्राप्त करता है। autofocus प्रॉपर्टी सर्च फील्ड के autofocus एट्रिब्यूट मान के आधार पर true और false वापस करती है। यह मान variable f को असाइन किया जाता है और id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है।

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