HTML DOM Input Color autofocus Property - रंग इनपुट ऑटोफोकस

HTML DOM Input Color autofocus Property

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

Syntax

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

inputColorObject.autofocus

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

inputColorObject.autofocus = booleanValue

Boolean Values

उदाहरण

ऑटोफोकस्ड रंग इनपुट से ऑटोफोकस हटाना:

<!DOCTYPE html>
<html>
<head>
<title>Input Color Autofocus</title>
</head>
<body>
रंग पिकर: <input type="color" id="Color" autofocus>
<button onclick="removeAutoFocus()">ऑटो फोकस हटाएं</button>
<div id="divDisplay"></div>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputColor = document.getElementById("Color");
  divDisplay.textContent = 'ऑटोफोकस: ' + inputColor.autofocus;
  function removeAutoFocus() {
    if (inputColor.autofocus == true) {
      inputColor.autofocus = false;
      divDisplay.textContent = 'ऑटोफोकस: ' + inputColor.autofocus;
    }
  }
</script>
</body>
</html>

आउटपुट

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

मुख्य बिंदु

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