HTML DOM Input Email autofocus गुणधर्म

HTML DOM Input Email autofocus गुणधर्म सेट/लौटाता है कि इनपुट ईमेल प्रारंभिक पेज लोड पर फ़ोकस्ड है या नहीं।

वाक्य रचना (Syntax)

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

बूलियन मान लौटाना - true/false

inputEmailObject.autofocus

autofocus को बूलियन मान पर सेट करना

inputEmailObject.autofocus = booleanValue

बूलियन मान (Boolean Values)

यहाँ "booleanValue" निम्न हो सकता है:

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

उदाहरण

आइए Input Email autofocus गुणधर्म का एक उदाहरण देखें:

<!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">उपयोगकर्ता ईमेल: <input type="email" id="EmailSelect" placeholder="eg: xyz@abc.com" autofocus> </label> 
        <input type="button" onclick="removeAutofocus()" value="ऑटोफोकस हटाएं"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputEmail = document.getElementById("EmailSelect"); 
    divDisplay.textContent = 'ऑटोफोकस: '+inputEmail.autofocus; 
    function removeAutofocus() { 
        inputEmail.autofocus = false; 
        divDisplay.textContent = 'ऑटोफोकस: '+inputEmail.autofocus; 
    } 
</script> </body> </html>

आउटपुट

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

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

HTML DOM Input Email autofocus गुणधर्म

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

HTML DOM Input Email autofocus गुणधर्म