HTML DOM इनपुट ईमेल आवश्यक संपत्ति

<घंटा/>

HTML DOM इनपुट ईमेल आवश्यक संपत्ति निर्धारित करती है कि इनपुट ईमेल सेट करना अनिवार्य है या नहीं।

सिंटैक्स

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

बूलियन मान लौटाना - सही/गलत

inputEmailObject.required

सेटिंग आवश्यक बूलियन वैल्यू के लिए

inputEmailObject.required = booleanValue

बूलियन मान

यहां, “बूलियनवैल्यू” निम्नलिखित हो सकते हैं -

<वें शैली ="चौड़ाई:83.0612%; पाठ-संरेखण:केंद्र;">विवरण

booleanValue
सत्य	फ़ॉर्म जमा करने के लिए ईमेल फ़ील्ड सेट करना अनिवार्य है।
गलत	यह डिफ़ॉल्ट मान है और ईमेल फ़ील्ड सेट करना अनिवार्य नहीं है।

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<title>Input Email required</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>
<h1>Compose Mail</h1>
<fieldset>
<legend>Email-required</legend>
<label for="EmailSelect">Email Id :
<input type="email" id="EmailSelect" required>
</label><br>
<label for="textarea">Message :
<textarea id="textarea" rows="2" cols="20" name="message" placeholder="Type message..."></textarea></label><br>
<input type="button" onclick="showMessage()" value="Send Mail">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputEmail = document.getElementById("EmailSelect");
   function showMessage() {
      if(inputEmail.required === true && inputEmail.value === '')
         divDisplay.textContent = 'Cannot Send Mail: Email Id Required';
      else
         divDisplay.textContent = 'Mail Sent';
   }
</script>
</body>
</html>

आउटपुट

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

‘मेल भेजें’ . पर क्लिक करना बटन -

HTML DOM इनपुट ईमेल आवश्यक संपत्ति

‘मेल भेजें’ clicking क्लिक करने के बाद ईमेल फ़ील्ड सेट के मान वाला बटन -

HTML DOM इनपुट ईमेल आवश्यक संपत्ति