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="jkl@qwerty.com">
</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 की जांच करने के बाद बटन -
