HTML DOM इनपुट ईमेल ऑटोफोकस संपत्ति

<घंटा/>

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

सिंटैक्स

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

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

inputEmailObject.autofocus

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

inputEmailObject.autofocus = booleanValue

बूलियन मान

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

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

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<title>Input Email autofocus</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>Email-autofocus</legend>
<label for="EmailSelect">User Email :
<input type="email" id="EmailSelect" placeholder="eg: xyz@abc.com" autofocus>
</label>
<input type="button" onclick="removeAutofocus()" value="Remove Autofocus">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputEmail = document.getElementById("EmailSelect");
   divDisplay.textContent = 'Autofocus: '+inputEmail.autofocus;
   function removeAutofocus() {
      inputEmail.autofocus = false;
      divDisplay.textContent = 'Autofocus: '+inputEmail.autofocus;
   }
</script>
</body>
</html>

आउटपुट

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

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

HTML DOM इनपुट ईमेल ऑटोफोकस संपत्ति

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

HTML DOM इनपुट ईमेल ऑटोफोकस संपत्ति