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

HTML DOM इनपुट ईमेल ऑब्जेक्ट

<घंटा/>

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 क्लिक करने से पहले बटन -

HTML DOM इनपुट ईमेल ऑब्जेक्ट

‘ईमेल की पुष्टि करें’ checking की जांच करने के बाद बटन -

HTML DOM इनपुट ईमेल ऑब्जेक्ट


  1. HTML DOM इनपुट सर्च ऑब्जेक्ट

    HTML DOM इनपुट सर्च ऑब्जेक्ट एलिमेंट के साथ सर्च टाइप के साथ जुड़ा हुआ है। हम क्रमशः createElement() और getElementById() विधि का उपयोग करके टाइप सर्च के साथ एक इनपुट तत्व बना और एक्सेस कर सकते हैं। गुण इनपुट सर्च ऑब्जेक्ट के लिए निम्नलिखित गुण हैं - संपत्ति विवरण स्वतः पूर्ण यह सेट करने या वापस

  1. HTML DOM इनपुट टेक्स्ट ऑब्जेक्ट

    HTML DOM इनपुट टेक्स्ट ऑब्जेक्ट टेक्स्ट प्रकार के साथ तत्व से जुड़ा है। हम क्रमशः createElement () और getElementById () विधि का उपयोग करके टाइप टेक्स्ट के साथ एक इनपुट तत्व बना और एक्सेस कर सकते हैं। गुण टेक्स्ट ऑब्जेक्ट के गुण निम्नलिखित हैं - संपत्ति विवरण स्वतः पूर्ण किसी टेक्स्ट फ़ील्ड का स

  1. HTML DOM इनपुट पासवर्ड ऑब्जेक्ट

    एचटीएमएल डोम इनपुट पासवर्ड ऑब्जेक्ट पासवर्ड प्रकार के साथ तत्व से जुड़ा हुआ है। हम क्रमशः createElement () और getElementById () विधियों का उपयोग करके टाइप पासवर्ड के साथ एक इनपुट तत्व बना और एक्सेस कर सकते हैं। गुण पासवर्ड ऑब्जेक्ट के लिए निम्नलिखित गुण हैं - क्रमांक संपत्ति और विवरण 1 स्वत