एचटीएमएल डोम इनपुट तिथि ऑटोफोकस संपत्ति

<घंटा/>

HTML DOM इनपुट दिनांक ऑटोफोकस गुण सेट/रिटर्न करता है कि इनपुट दिनांक प्रारंभिक पृष्ठ लोड पर केंद्रित है या नहीं।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

बूलियन मान लौटाना - सही/गलत

inputDateObject.autofocus

सेटिंग ऑटोफोकस बूलियनवैल्यू के लिए

inputDateObject.autofocus = booleanValue

बूलियन मान

यहां, “बूलियनवैल्यू” निम्नलिखित हो सकते हैं -

booleanValue	विवरण
सच	यह परिभाषित करता है कि पेज लोड होने पर इनपुट ऑटोफोकस हो जाएगा।
झूठा	यह डिफ़ॉल्ट मान है और इनपुट ऑटोफोकस्ड नहीं है।

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<title>Input Date Autofocus</title>
</head>
<body>
Date Select: <input type="date" id="Date" autofocus>
<button onclick="removeAutoFocus()">Remove Auto Focus</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDate = document.getElementById("Date");
   divDisplay.textContent = 'Autofocus: '+inputDate.autofocus function removeAutoFocus() {
      if(inputDate.autofocus == true){
         inputDate.autofocus = false;
         divDisplay.textContent = 'Autofocus: '+inputDate.autofocus
      }
   }
</script>
</body>
</html>

आउटपुट

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

'ऑटो फोकस हटाएं' . क्लिक करने से पहले बटन -

एचटीएमएल डोम इनपुट तिथि ऑटोफोकस संपत्ति

‘ऑटो फोकस हटाएं’ . क्लिक करने के बाद बटन -

एचटीएमएल डोम इनपुट तिथि ऑटोफोकस संपत्ति