HTML DOM Input Date autofocus Property - ऑटोफोकस सेट/प्राप्त करें

HTML DOM Input Date autofocus Property

HTML DOM Input Date autofocus property तय करती है कि पेज लोड होने पर तारीख इनपुट (type="date") स्वचालित रूप से फोकस प्राप्त करेगा या नहीं। यह boolean मान (true/false) प्राप्त या सेट करती है।

Syntax

ऑटोफोकस स्थिति प्राप्त करना:

inputDateObject.autofocus

ऑटोफोकस स्थिति सेट करना:

inputDateObject.autofocus = booleanValue

Boolean Values

उदाहरण

ऑटोफोकस्ड तारीख इनपुट से ऑटोफोकस हटाना:

<!DOCTYPE html>
<html>
<head>
<title>Input Date Autofocus</title>
</head>
<body>
तारीख चुनें: <input type="date" id="Date" autofocus>
<button onclick="removeAutoFocus()">ऑटो फोकस हटाएं</button>
<div id="divDisplay"></div>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDate = document.getElementById("Date");
  divDisplay.textContent = 'ऑटोफोकस: ' + inputDate.autofocus;
  function removeAutoFocus() {
    if (inputDate.autofocus == true) {
      inputDate.autofocus = false;
      divDisplay.textContent = 'ऑटोफोकस: ' + inputDate.autofocus;
    }
  }
</script>
</body>
</html>

आउटपुट

पेज लोड होने पर तारीख इनपुट स्वचालित रूप से फोकस प्राप्त करता है। "ऑटो फोकस हटाएं" बटन क्लिक करने पर ऑटोफोकस अक्षम हो जाता है।

मुख्य बिंदु

• autofocus property boolean मान (true/false) स्वीकार करता है
• HTML में autofocus attribute उपस्थित होने पर डिफ़ॉल्ट रूप से true होता है
• एक पेज पर केवल एक एलिमेंट में autofocus होना चाहिए
• JavaScript से डायनामिकली ऑटोफोकस जोड़ा/हटाया जा सकता है
• उपयोगकर्ता अनुभव के लिए सावधानीपूर्वक उपयोग करें - अप्रत्याशित फोकस भ्रमित कर सकता है