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>
आउटपुट
यह निम्न आउटपुट उत्पन्न करेगा:
'ईमेल पुष्टि करें' बटन पर क्लिक करने से पहले:

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