কম্পিউটার টিউটোরিয়াল

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


পরিচয়

HTML DOM Input DatetimeLocal value প্রোপার্টি একটি স্ট্রিং ফেরত দেয় যা ইনপুট ডেটাইমলোকালের value অ্যাট্রিবিউটের মান। ব্যবহারকারী এটি একটি নতুন স্ট্রিংতে সেট করতে পারেন।

সিনট্যাক্স

স্ট্রিং মান ফেরত দেওয়া

inputDatetimeLocalObject.value

value অ্যাট্রিবিউট সেট করা

inputDatetimeLocalObject.value = 'String'

উদাহরণ

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

<!DOCTYPE html> <html> <head> <title>Input DatetimeLocal 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>Datetime-Local-value</legend> 
    <label for="datetimeLocalSelect">Examination Date-Time : <input type="datetime-local" id="datetimeLocalSelect" value="2022-10-29T09:30"> </label> 
    <input type="button" onclick="updateValue()" value="Not Ready For Examination"> 
    <div id="divDisplay"></div> 
  </fieldset> 
</form> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputDatetimeLocal = document.getElementById("datetimeLocalSelect"); 
  function updateValue() { 
    inputDatetimeLocal.value = '2022-11-02T09:30'; 
    divDisplay.textContent = 'New Examination Date: '+(inputDatetimeLocal.value).split('T')[0]; 
  } 
</script> </body> </html>

আউটপুট

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

'Not Ready For Examination' বাটনে ক্লিক করার আগে:

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

'Not Ready For Examination' বাটনে ক্লিক করার পর:

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

  1. HTML DOM Input Time value প্রপার্টি

  2. HTML DOM Input URL value প্রপার্টি

  3. HTML DOM Input Week value প্রপার্টি

  4. HTML DOM Input Number value প্রপার্টি