HTML DOM Input Email value प्रॉपर्टी

HTML DOM Input Email value प्रॉपर्टी एक स्ट्रिंग लौटाती है, जो इनपुट ईमेल के value एट्रिब्यूट का मान होता है। उपयोगकर्ता इसे एक नई स्ट्रिंग पर भी सेट कर सकता है।

सिंटैक्स

निम्नलिखित सिंटैक्स है:

स्ट्रिंग मान प्राप्त करना

inputEmailObject.value

value एट्रिब्यूट को स्ट्रिंग मान पर सेट करना

inputEmailObject.value = 'String'

उदाहरण

आइए Input Email value प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>Input Email value</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-value</legend> 
        <label for="EmailSelect">Email Id: <input type="email" id="EmailSelect"> <input type="button" onclick="getUserEmail('david')" value="David"> <input type="button" onclick="getUserEmail('shasha')" value="Shasha"><br> 
        <input type="button" onclick="login()" value="Login"> 
        </label> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputEmail = document.getElementById("EmailSelect"); 
    function getUserEmail(userName) { 
        if(userName === 'david') 
            inputEmail.value = 'davidMiller@MNC.com'; 
        else 
            inputEmail.value = 'shashaGreen@MNC.com'; 
    } 
    function login() { 
        if(inputEmail.value !== '') 
            divDisplay.textContent = 'Successful Login. Hello '+inputEmail.value.split("@")[0]; 
        else 
            divDisplay.textContent = 'Enter Email Id'; 
    } 
</script> </body> </html>

आउटपुट

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

खाली ईमेल फ़ील्ड के साथ 'Login' बटन पर क्लिक करने पर:

'David' बटन पर क्लिक करने के बाद:

ईमेल फ़ील्ड सेट होने के बाद 'Login' बटन पर क्लिक करने पर: