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

পরিচয়

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

সিনট্যাক্স

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

inputDatetimeLocalObject.required

required সেট করা

inputDatetimeLocalObject.required = booleanValue

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

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

উদাহরণ

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

<!DOCTYPE html> <html> <head> <title>Input DatetimeLocal 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> 
  <fieldset> 
    <legend>Datetime-Local-required</legend> 
    <label for="datetimeLocalSelect">Examination Slot : <input type="datetime-local" id="datetimeLocalSelect" value="" required> </label> 
    <input type="button" onclick="confirmSlotBooking()" value="Confirm Slot"> 
    <div id="divDisplay"></div> 
  </fieldset> 
</form> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputDatetimeLocal = document.getElementById("datetimeLocalSelect"); 
  divDisplay.textContent = 'Slot Required: '+inputDatetimeLocal.required; 
  function confirmSlotBooking() { 
    if(inputDatetimeLocal.value === '') 
      divDisplay.textContent += ', Choose a valid Exam Slot. '; 
    else 
      divDisplay.textContent = 'Slot Confirmed: '+inputDatetimeLocal.required+', Your Slot: '+inputDatetimeLocal.value; 
  } 
</script> </body> </html>

আউটপুট

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

'Confirm Slot' বাটনে ক্লিক করলে:

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

ডেটাইমলোকাল ফিল্ডে মান সেট করে 'Confirm Slot' বাটনে ক্লিক করলে:

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