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

HTML DOM Input Email type प्रॉपर्टी इनपुट ईमेल के प्रकार को प्राप्त/सेट करती है।

सिंटैक्स

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

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

inputEmailObject.type

type को स्ट्रिंग मान पर सेट करना

inputEmailObject.type = stringValue

स्ट्रिंग मान (String Values)

यहां "stringValue" निम्नलिखित हो सकते हैं:

stringValue	विवरण
email	यह परिभाषित करता है कि इनपुट प्रकार ईमेल है
datetime-local	यह परिभाषित करता है कि इनपुट प्रकार datetime-local है
radio	यह परिभाषित करता है कि इनपुट प्रकार रेडियो है
tel	यह परिभाषित करता है कि इनपुट प्रकार tel है और इनपुट के लिए नंबर कीपैड दिखाया जाता है

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>Input Email type</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-type</legend> 
        <label for="EmailSelect"></label> 
        <input type="email" id="EmailSelect" > 
        <input type="button" onclick="getTypeOfInput()" value="What to enter?"> 
    </fieldset> 
</form> 
<script> 
    var labelSelect = document.querySelector("label"); 
    var inputEmail = document.getElementById("EmailSelect"); 
    function getTypeOfInput() { 
        labelSelect.innerHTML = inputEmail.type.toUpperCase()+' ID: '; 
    } 
</script> </body> </html>

आउटपुट

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

'What to enter?' बटन पर क्लिक करने से पहले:

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

'What to enter?' बटन पर क्लिक करने के बाद:

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