HTML DOM इनपुट ईमेल ऑब्जेक्ट टाइप ईमेल के साथ एक इनपुट HTML तत्व का प्रतिनिधित्व करता है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
एक <इनपुट> बनाना ईमेल प्रकार के साथ
var emailObject = document.createElement(“input”); emailObject.type = “email”;
विशेषताएं
यहां, “emailObject” निम्नलिखित विशेषताएं हो सकती हैं -
गुण | <थ>विवरण|
---|---|
स्वतः पूर्ण | यदि इसे 'चालू' पर सेट किया जाता है, तो यह पहले टाइप किए गए टेक्स्ट के आधार पर सुझाव देता है |
ऑटोफोकस | यदि सत्य पर सेट है तो ईमेल फ़ील्ड प्रारंभिक पृष्ठ लोड पर केंद्रित है। |
डिफ़ॉल्ट मान | यह ईमेल फ़ील्ड का डिफ़ॉल्ट मान सेट/रिटर्न करता है |
अक्षम | यह परिभाषित करता है कि कोई ईमेल फ़ील्ड अक्षम/सक्षम है या नहीं |
फ़ॉर्म | यह संलग्न फ़ॉर्म का संदर्भ देता है जिसमें ईमेल फ़ील्ड होता है |
अधिकतम लंबाई | यह किसी ईमेल फ़ील्ड की maxLength विशेषता का मान लौटाता/सेट करता है |
एकाधिक | यदि ईमेल फ़ील्ड को एक से अधिक ईमेल आईडी स्वीकार करने की अनुमति है, तो यह वापस आ जाता है/सेट हो जाता है |
नाम | यह किसी ईमेल फ़ील्ड के नाम विशेषता के मान को परिभाषित करता है |
पैटर्न | यह ईमेल फ़ील्ड के पैटर्न विशेषता का मान लौटाता/सेट करता है |
प्लेसहोल्डर | यह एक स्ट्रिंग सेट/रिटर्न करता है जो आम तौर पर उपयोगकर्ता को संकेत देने के लिए उपयोग किया जाता है कि इनपुट टेक्स्ट कैसा दिखेगा। |
केवल पढ़ने के लिए | यह परिभाषित करता है कि ईमेल फ़ील्ड बदलने योग्य है या नहीं |
आवश्यक | यह परिभाषित करता है कि फ़ॉर्म जमा करने के लिए ईमेल फ़ील्ड भरना अनिवार्य है या नहीं |
आकार | यह ईमेल फ़ील्ड के आकार विशेषता के मान को परिभाषित करता है |
टाइप करें | यह ईमेल फ़ील्ड के प्रपत्र तत्व का प्रकार देता है |
मान | यह ईमेल फ़ील्ड के मान विशेषता के मान को परिभाषित करता है |
उदाहरण
आइए हम इनपुट ईमेल एकाधिक का एक उदाहरण देखें संपत्ति -
<!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">Employee Email : <input type="email" id="EmailSelect" placeholder="[email protected]"> </label> <input type="button" onclick="changeToMultiple()" value="Enable Multiple Emails"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var inputEmail = document.getElementById("EmailSelect"); divDisplay.textContent = 'Multiple Emails Allowed: '+inputEmail.multiple; function changeToMultiple() { inputEmail.multiple = true; divDisplay.textContent = 'Multiple Emails Allowed: '+inputEmail.multiple; } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
‘ईमेल की पुष्टि करें’ clicking क्लिक करने से पहले बटन -
‘ईमेल की पुष्टि करें’ checking की जांच करने के बाद बटन -