HTML DOM इनपुट कलर ऑटोफोकस प्रॉपर्टी

<घंटा/>

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

सिंटैक्स

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

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

inputColorObject.autofocus

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

inputColorObject.autofocus = booleanValue

बूलियन मान

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

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

उदाहरण

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

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

आउटपुट

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

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

HTML DOM इनपुट कलर ऑटोफोकस प्रॉपर्टी

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

HTML DOM इनपुट कलर ऑटोफोकस प्रॉपर्टी