HTML DOM Input Email required প্রোপার্টি

পরিচয়

HTML DOM Input Email required প্রোপার্টি নির্ধারণ করে যে ইনপুট ইমেইল ফিল্ডটি ফর্ম সাবমিট করার জন্য বাধ্যতামূলক কিনা।

সিনট্যাক্স

বুলিয়ান মান ফেরত দেওয়া (true/false)

inputEmailObject.required

required সেট করা

inputEmailObject.required = booleanValue

বুলিয়ান মানসমূহ

booleanValue	বিবরণ
true	ফর্ম সাবমিট করার জন্য ইমেইল ফিল্ড সেট করা বাধ্যতামূলক।
false	ডিফল্ট মান। ইমেইল ফিল্ড সেট করা বাধ্যতামূলক নয়।

উদাহরণ

নিচে Input Email required প্রোপার্টির একটি উদাহরণ দেওয়া হলো:

<!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>

আউটপুট

উপরের কোড নিচের আউটপুটটি উত্পন্ন করবে:

'Send Mail' বাটনে ক্লিক করলে:

HTML DOM Input Email required প্রোপার্টি

ইমেইল ফিল্ডে মান সেট করে 'Send Mail' বাটনে ক্লিক করলে:

HTML DOM Input Email required প্রোপার্টি