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

HTML DOM इनपुट ईमेल वैल्यू प्रॉपर्टी

<घंटा/>

HTML DOM इनपुट ईमेल वैल्यू प्रॉपर्टी एक स्ट्रिंग लौटाती है, जो इनपुट ईमेल की वैल्यू एट्रिब्यूट है। उपयोगकर्ता इसे एक नई स्ट्रिंग पर भी सेट कर सकता है।

सिंटैक्स

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

  • स्ट्रिंग मान लौटाना
inputEmailObject.value
  • सेटिंग मान एक स्ट्रिंग . के लिए विशेषता मूल्य
inputEmailObject.value = ‘String’

उदाहरण

आइए इनपुट ईमेल मान का एक उदाहरण देखें संपत्ति -

<!DOCTYPE html>
<html>
<head>
<title>Input Email value</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-value</legend>
<label for="EmailSelect">Email Id:
<input type="email" id="EmailSelect">
<input type="button" onclick="getUserEmail('david')" value="David">
<input type="button" onclick="getUserEmail('shasha')" value="Shasha"><br>
<input type="button" onclick="login()" value="Login">
</label>
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputEmail = document.getElementById("EmailSelect");
   function getUserEmail(userName) {
      if(userName === 'david')
         inputEmail.value = '[email protected]';
      else
         inputEmail.value = '[email protected]';
   }
   function login() {
      if(inputEmail.value !== '')
         divDisplay.textContent = 'Successful Login. Hello '+inputEmail.value.split("@")[0];
      else
         divDisplay.textContent = 'Enter Email Id';
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

'लॉगिन' . पर क्लिक करना खाली ईमेल फ़ील्ड वाला बटन -

HTML DOM इनपुट ईमेल वैल्यू प्रॉपर्टी

'डेविड' . क्लिक करने के बाद बटन -

HTML DOM इनपुट ईमेल वैल्यू प्रॉपर्टी

'लॉगिन' clicking क्लिक करने के बाद ईमेल फ़ील्ड सेट के साथ बटन -

HTML DOM इनपुट ईमेल वैल्यू प्रॉपर्टी


  1. एचटीएमएल डोम इनपुट ईमेल नाम संपत्ति

    HTML DOM इनपुट ईमेल नाम गुण a देता है, जो इनपुट ईमेल के नाम विशेषता का मान है। उपयोगकर्ता इसे एक नई स्ट्रिंग पर भी सेट कर सकता है। सिंटैक्स निम्नलिखित वाक्य रचना है - स्ट्रिंग मान लौटाना inputEmailObject.name सेटिंग नाम एक स्ट्रिंग मान के लिए विशेषता inputEmailObject.name = ‘String’

  1. एचटीएमएल डोम इनपुट ईमेल एकाधिक संपत्ति

    एचटीएमएल डोम इनपुट ईमेल एकाधिक संपत्ति रिटर्न/सेट अगर इनपुट ईमेल को एकाधिक ईमेल स्वीकार करना चाहिए या नहीं। सिंटैक्स निम्नलिखित वाक्य रचना है - एकाधिक का संदर्भ लौटाना वस्तु inputEmailObject.multiple एकाधिक सेट करें बूलवैल्यू . के लिए संपत्ति inputEmailObject.multiple = boolValue बूलियन मान य

  1. एचटीएमएल डोम इनपुट ईमेल अधिकतम लम्बाई संपत्ति

    HTML DOM इनपुट ईमेल maxLength प्रॉपर्टी इनपुट ईमेल के लिए maxLength प्रॉपर्टी लौटाती है/सेट करती है। यदि परिभाषित नहीं है तो यह संपत्ति -1 लौटाती है। सिंटैक्स निम्नलिखित वाक्य रचना है - लौटा जा रहा है अधिकतम लंबाई विशेषता inputEmailObject.maxLength अधिकतम लंबाई सेट करें एक संख्या . के लिए संपत्त