Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM Input Email ऑब्जेक्ट


HTML DOM Input Email ऑब्जेक्ट type email वाले इनपुट HTML तत्व को दर्शाता है।

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

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

<input> को type email के साथ बनाना

var emailObject = document.createElement("input"); emailObject.type = "email";

विशेषताएँ (Attributes)

यहाँ "emailObject" में निम्न विशेषताएँ हो सकती हैं:

विशेषताएँ विवरण
autocomplete यदि 'ON' पर सेट है तो पहले से टाइप किए गए टेक्स्ट के आधार पर सुझाव प्रदान करता है
autofocus यदि true पर सेट है तो ईमेल फ़ील्ड प्रारंभिक पेज लोड पर फ़ोकस्ड होती है।
defaultValue यह ईमेल फ़ील्ड के डिफ़ॉल्ट मान को सेट/लौटाता है
disabled यह परिभाषित करता है कि ईमेल फ़ील्ड अक्षम/सक्षम है
form यह उस फॉर्म का संदर्भ लौटाता है जिसमें ईमेल फ़ील्ड है
maxLength यह ईमेल फ़ील्ड के maxLength विशेषता का मान लौटाता/सेट करता है
multiple यह लौटाता/सेट करता है कि क्या ईमेल फ़ील्ड एक से अधिक ईमेल आईडी स्वीकार करने की अनुमति देता है
name यह ईमेल फ़ील्ड के name विशेषता का मान परिभाषित करता है
pattern यह ईमेल फ़ील्ड के pattern विशेषता का मान लौटाता/सेट करता है
placeholder यह एक स्ट्रिंग सेट/लौटाता है जिसका उपयोग आमतौर पर उपयोगकर्ता को संकेत देने के लिए किया जाता है कि इनपुट टेक्स्ट कैसा दिखेगा।
readOnly यह परिभाषित करता है कि ईमेल फ़ील्ड परिवर्तनीय है या नहीं
required यह परिभाषित करता है कि फॉर्म सबमिट करने के लिए ईमेल फ़ील्ड भरना अनिवार्य है
size यह ईमेल फ़ील्ड के size विशेषता का मान परिभाषित करता है
type यह ईमेल फ़ील्ड के फॉर्म तत्व का प्रकार लौटाता है
value यह ईमेल फ़ील्ड के value विशेषता का मान परिभाषित करता है

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>Input Email multiple</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-multiple</legend> 
        <label for="EmailSelect">कर्मचारी ईमेल: <input type="email" id="EmailSelect" placeholder="jkl@qwerty.com"> </label> 
        <input type="button" onclick="changeToMultiple()" value="एकाधिक ईमेल सक्षम करें"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputEmail = document.getElementById("EmailSelect"); 
    divDisplay.textContent = 'एकाधिक ईमेल अनुमत: '+inputEmail.multiple; 
    function changeToMultiple() { 
        inputEmail.multiple = true; 
        divDisplay.textContent = 'एकाधिक ईमेल अनुमत: '+inputEmail.multiple; 
    } 
</script> </body> </html>

आउटपुट

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

'ईमेल पुष्टि करें' बटन पर क्लिक करने से पहले:

HTML DOM Input Email ऑब्जेक्ट

'ईमेल पुष्टि करें' बटन जांचने के बाद:

HTML DOM Input Email ऑब्जेक्ट


  1. HTML DOM Input Search ऑब्जेक्ट HTML DOM Input Search ऑब्जेक्ट

    HTML DOM Input Search ऑब्जेक्ट type search वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके क्रमशः type search वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं। प्रॉपर्टीज Input Search ऑब्जेक्ट के लिए निम्नलिखित प्रॉपर्टीज हैं: प्रॉपर्टीविवरण

  1. HTML DOM Input Text ऑब्जेक्ट HTML DOM Input Text ऑब्जेक्ट

    HTML DOM Input Text ऑब्जेक्ट type text वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके क्रमशः type text वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं। प्रॉपर्टीज Text ऑब्जेक्ट के लिए निम्नलिखित प्रॉपर्टीज हैं: प्रॉपर्टीविवरण autocompleteट

  1. HTML DOM Input Password ऑब्जेक्ट HTML DOM Input Password ऑब्जेक्ट

    HTML DOM Input Password ऑब्जेक्ट टाइप password वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके टाइप password वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं। प्रॉपर्टीज़ पासवर्ड ऑब्जेक्ट के लिए निम्न प्रॉपर्टीज़ हैं: क्रमांक प्रॉपर्टी और विवर